style: set Independent Panel sidebar width to a fixed value and defau…

…lt collapsed
josStorer · Apr 5, 2023 · ea39d24 · ea39d24
1 parent 60afbbd
commit ea39d24
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/src/pages/IndependentPanel/App.jsx b/src/pages/IndependentPanel/App.jsx
@@ -18,7 +18,7 @@ import Browser from 'webextension-polyfill'
 
 function App() {
   const { t } = useTranslation()
-  const [collapsed, setCollapsed] = useState(false)
+  const [collapsed, setCollapsed] = useState(true)
   const config = useConfig()
   const [sessions, setSessions] = useState([])
   const [sessionId, setSessionId] = useState(null)

diff --git a/src/pages/IndependentPanel/styles.scss b/src/pages/IndependentPanel/styles.scss
@@ -46,18 +46,21 @@
   .chat-sidebar {
     display: flex;
     flex-direction: column;
+    min-width: 250px;
     width: 250px;
     background-color: var(--theme-color);
-    transition: width 0.3s;
+    transition: width 0.3s, min-width 0.3s;
     padding: 10px;
   }
 
   .chat-sidebar.collapsed {
+    min-width: 60px;
     width: 60px;
   }
 
   .chat-sidebar:hover,
   .chat-sidebar:not(.collapsed) {
+    min-width: 250px;
     width: 250px;
   }