mirror of
https://github.com/wassname/chatGPTBox.git
synced 2026-07-12 06:51:49 +08:00
style: set Independent Panel sidebar width to a fixed value and default collapsed
This commit is contained in:
@@ -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)
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user