GithubBackup/clawpanel
1
0
Fork 0
mirror of https://github.com/qingchencloud/clawpanel.git synced 2026-06-29 11:41:30 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: collapsible desktop sidebar

Browse Source
This commit is contained in:
OpenClaw Agent
2026-03-15 19:28:43 +00:00
parent f8d725e572
commit cbe2f8fbdb
2 changed files with 80 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
src/style/layout.css
View File

@@ -11,6 +11,38 @@
overflow: hidden;
}
/* 桌面端折叠态 */
#sidebar.sidebar-collapsed {
width: var(--sidebar-collapsed);
}
#sidebar.sidebar-collapsed .sidebar-title,
#sidebar.sidebar-collapsed .nav-section-title,
#sidebar.sidebar-collapsed .nav-item span,
#sidebar.sidebar-collapsed .sidebar-meta,
#sidebar.sidebar-collapsed .instance-switcher {
display: none;
}
#sidebar.sidebar-collapsed .sidebar-header {
justify-content: center;
}
#sidebar.sidebar-collapsed .nav-item {
justify-content: center;
padding-left: 0;
padding-right: 0;
}
#sidebar.sidebar-collapsed .nav-item svg {
opacity: 0.9;
}
#sidebar.sidebar-collapsed .sidebar-footer {
padding: var(--space-sm) 6px;
}
#sidebar.sidebar-collapsed #btn-theme-toggle {
justify-content: center;
}
#sidebar.sidebar-collapsed #btn-theme-toggle span {
display: none;
}
.sidebar-header {
padding: var(--space-lg) var(--space-lg);
display: flex;
@@ -475,9 +507,25 @@
font-weight: 600;
color: var(--text-primary);
}
.sidebar-collapse-btn {
margin-left: auto;
font-size: 14px;
color: var(--text-secondary);
background: none;
border: 1px solid var(--border-secondary);
cursor: pointer;
padding: 2px 8px;
border-radius: 8px;
line-height: 1.2;
}
.sidebar-collapse-btn:hover {
color: var(--text-primary);
background: var(--bg-glass-hover);
}
.sidebar-close-btn {
display: none;
margin-left: auto;
margin-left: 6px;
font-size: 22px;
color: var(--text-tertiary);
background: none;
@@ -511,6 +559,9 @@
.mobile-topbar {
display: flex;
}
.sidebar-collapse-btn {
display: none;
}
.sidebar-close-btn {
display: block;
}