From ea39d249570d7145dbc249a4059fd9f35cc399b8 Mon Sep 17 00:00:00 2001
From: josc146 <josStorer@outlook.com>
Date: Wed, 5 Apr 2023 13:32:35 +0800
Subject: [PATCH] style: set Independent Panel sidebar width to a fixed value
 and default collapsed

---
 src/pages/IndependentPanel/App.jsx     | 2 +-
 src/pages/IndependentPanel/styles.scss | 5 ++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/pages/IndependentPanel/App.jsx b/src/pages/IndependentPanel/App.jsx
index 751fc3aa..8ebe652c 100644
--- 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
index 41a20fc2..9fda8367 100644
--- 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;
   }