mirror of
https://github.com/Youzini-afk/ST-Bionic-Memory-Ecology.git
synced 2026-05-15 22:30:38 +08:00
feat: 左右面板可拖拽调整比例
- 在侧边栏与图谱区之间添加拖拽分隔条 - hover 时显示主题色高亮和小手柄 - 拖拽范围 180px~600px - 拖拽时禁用文字选中,确保流畅操作
This commit is contained in:
34
style.css
34
style.css
@@ -311,6 +311,40 @@
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.bme-resize-handle {
|
||||
width: 5px;
|
||||
cursor: col-resize;
|
||||
background: transparent;
|
||||
transition: background 0.15s;
|
||||
flex-shrink: 0;
|
||||
position: relative;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.bme-resize-handle::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
width: 3px;
|
||||
height: 32px;
|
||||
border-radius: 2px;
|
||||
background: var(--bme-on-surface-dim, rgba(228,225,230,0.3));
|
||||
opacity: 0;
|
||||
transition: opacity 0.15s;
|
||||
}
|
||||
|
||||
.bme-resize-handle:hover,
|
||||
.bme-resize-handle.dragging {
|
||||
background: var(--bme-primary-dim, rgba(233, 69, 96, 0.15));
|
||||
}
|
||||
|
||||
.bme-resize-handle:hover::after,
|
||||
.bme-resize-handle.dragging::after {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* --- Sidebar (Desktop) --- */
|
||||
.bme-panel-sidebar {
|
||||
width: 280px;
|
||||
|
||||
Reference in New Issue
Block a user