feat: update agent run style

illacloud · Mar 5, 2024 · c9c7a9a · c9c7a9a
1 parent 6b1a415
commit c9c7a9a
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/apps/builder/src/page/AI/AIAgentRun/AIAgentRunPC/style.ts b/apps/builder/src/page/AI/AIAgentRun/AIAgentRunPC/style.ts
@@ -11,13 +11,16 @@ export const aiAgentContainerStyle = css`
 
 export const leftPanelContainerStyle = (showEditPanel: boolean) => css`
  height: 100%;
- width: ${showEditPanel ? "528px" : 0};
+ width: 528px;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
+ opacity: ${showEditPanel ? 1 : 0};
+ position: ${showEditPanel ? "relative" : "absolute"};
+ transform: ${showEditPanel ? "translateX(0)" : "translateX(-100%)"};
  box-shadow: 4px 0 16px 0 rgba(0, 0, 0, 0.06);
  flex: none;
- transition: width 0.3s ease-in-out;
+ transition: all 0.3s ease-in-out;
  ${applyMobileStyle(css`
  display: none;
  `)}