💄 style(sidebar): Add minWidth to DraggablePanelContainer

lobehub · Jul 20, 2023 · 8c6f9da · 8c6f9da
1 parent 3ff8610
commit 8c6f9da
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 16 deletions.
diff --git a/javascript/main.js b/javascript/main.js
diff --git a/src/pages/ExtraNetworkSidebar/index.tsx b/src/pages/ExtraNetworkSidebar/index.tsx
@@ -62,7 +62,11 @@ const ExtraNetworkSidebar = memo<ExtraNetworkSidebarProps>(({ headerHeight }) =>
       <LayoutSidebarInner>
         <DraggablePanelContainer
           className={styles.container}
-          style={mode === 'float' ? { background: theme.colorBgContainer } : {}}
+          style={
+            mode === 'float' ?
+              { background: theme.colorBgContainer, minWidth: setting.extraNetworkSidebarWidth } :
+              { minWidth: setting.extraNetworkSidebarWidth }
+          }
         >
           <DraggablePanelHeader
             pin={pin}

diff --git a/src/pages/QuickSettingSidebar/index.tsx b/src/pages/QuickSettingSidebar/index.tsx
@@ -52,7 +52,11 @@ const QuickSettingSidebar = memo<QuickSettingSidebarProps>(({ headerHeight }) =>
       <LayoutSidebarInner>
         <DraggablePanelContainer
           className={styles.container}
-          style={mode === 'float' ? { background: theme.colorBgContainer } : {}}
+          style={
+            mode === 'float' ?
+              { background: theme.colorBgContainer, minWidth: setting.sidebarWidth } :
+              { minWidth: setting.sidebarWidth }
+          }
         >
           <DraggablePanelHeader
             pin={pin}