diff --git a/packages/ui/src/components/instance/instance-shell2.tsx b/packages/ui/src/components/instance/instance-shell2.tsx index 4140172f..23e58a43 100644 --- a/packages/ui/src/components/instance/instance-shell2.tsx +++ b/packages/ui/src/components/instance/instance-shell2.tsx @@ -485,14 +485,16 @@ const InstanceShell2: Component = (props) => {
- (leftPinned() ? unpinLeftDrawer() : pinLeftDrawer())} - > - {leftPinned() ? : } - + + (leftPinned() ? unpinLeftDrawer() : pinLeftDrawer())} + > + {leftPinned() ? : } + +
@@ -563,14 +565,16 @@ const InstanceShell2: Component = (props) => { Side Panel
- (rightPinned() ? unpinRightDrawer() : pinRightDrawer())} - > - {rightPinned() ? : } - + + (rightPinned() ? unpinRightDrawer() : pinRightDrawer())} + > + {rightPinned() ? : } + +
@@ -606,9 +610,9 @@ const InstanceShell2: Component = (props) => { ModalProps={modalProps} sx={{ "& .MuiDrawer-paper": { - width: `${sessionSidebarWidth()}px`, + width: isPhoneLayout() ? "100vw" : `${sessionSidebarWidth()}px`, boxSizing: "border-box", - borderRight: "1px solid var(--border-base)", + borderRight: isPhoneLayout() ? "none" : "1px solid var(--border-base)", backgroundColor: "var(--surface-secondary)", backgroundImage: "none", color: "var(--text-primary)", @@ -658,9 +662,9 @@ const InstanceShell2: Component = (props) => { ModalProps={modalProps} sx={{ "& .MuiDrawer-paper": { - width: `${RIGHT_DRAWER_WIDTH}px`, + width: isPhoneLayout() ? "100vw" : `${RIGHT_DRAWER_WIDTH}px`, boxSizing: "border-box", - borderLeft: "1px solid var(--border-base)", + borderLeft: isPhoneLayout() ? "none" : "1px solid var(--border-base)", backgroundColor: "var(--surface-secondary)", backgroundImage: "none", color: "var(--text-primary)", @@ -693,11 +697,11 @@ const InstanceShell2: Component = (props) => { }} > - + +
= (props) => {
-
- - - - -
+
+ + + + +
+