AskaEth/Cyrene
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

fix: 侧边栏展开超出屏幕时支持滚动 + 增大导航项点击高度

Browse Source 
- .sidebar-nav 添加 overflow-y: auto + 细滚动条样式
- .nav-item padding 10px → 12px，summary padding 增大

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
AskaEth
2026-05-24 16:51:15 +08:00
parent 8fda174752
commit 79af5c15c3
1 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
devtools/public/index.html
+6 -3
View File
@@ -57,9 +57,12 @@ body {
} }
#toggle-sidebar:hover { color: var(--text); background: var(--bg3); } #toggle-sidebar:hover { color: var(--text); background: var(--bg3); }
.sidebar-nav { flex: 1; padding: 8px; display: flex; flex-direction: column; gap: 2px; } .sidebar-nav { flex: 1; padding: 8px; display: flex; flex-direction: column; gap: 2px; overflow-y: auto; overflow-x: hidden; }
.sidebar-nav::-webkit-scrollbar { width: 4px; }
.sidebar-nav::-webkit-scrollbar-thumb { background: var(--border2); border-radius: 2px; }
.sidebar-nav::-webkit-scrollbar-track { background: transparent; }
.nav-item { .nav-item {
display: flex; align-items: center; gap: 10px; padding: 10px 12px; display: flex; align-items: center; gap: 10px; padding: 12px 12px;
border-radius: var(--radius-sm); cursor: pointer; color: var(--text2); border-radius: var(--radius-sm); cursor: pointer; color: var(--text2);
transition: all var(--transition); white-space: nowrap; border: none; transition: all var(--transition); white-space: nowrap; border: none;
background: none; width: 100%; text-align: left; font-size: 13px; background: none; width: 100%; text-align: left; font-size: 13px;
@@ -79,7 +82,7 @@ body {
} }
.nav-group > summary { .nav-group > summary {
display: flex; align-items: center; gap: 8px; display: flex; align-items: center; gap: 8px;
padding: 6px 12px 4px; border-radius: var(--radius-sm); padding: 8px 12px 6px; border-radius: var(--radius-sm);
cursor: pointer; color: var(--text3); font-size: 10px; font-weight: 700; cursor: pointer; color: var(--text3); font-size: 10px; font-weight: 700;
text-transform: uppercase; letter-spacing: 0.06em; text-transform: uppercase; letter-spacing: 0.06em;
list-style: none; user-select: none; transition: all var(--transition); list-style: none; user-select: none; transition: all var(--transition);