mirror of
https://github.com/olehomelchenko/astrolabe-nvc.git
synced 2025-12-21 21:22:23 +00:00
Implement Phase 2: Complete resizable panels with enhanced toggle functionality and memory persistence
This commit is contained in:
@@ -89,6 +89,24 @@ body {
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
.resize-handle {
|
||||
width: 4px;
|
||||
background: #808080;
|
||||
cursor: col-resize;
|
||||
flex-shrink: 0;
|
||||
position: relative;
|
||||
border-left: 1px solid #a0a0a0;
|
||||
border-right: 1px solid #606060;
|
||||
}
|
||||
|
||||
.resize-handle:hover {
|
||||
background: #606060;
|
||||
}
|
||||
|
||||
.resize-handle.dragging {
|
||||
background: #316ac5;
|
||||
}
|
||||
|
||||
.panel-header {
|
||||
padding: 8px 12px;
|
||||
background: #c0c0c0;
|
||||
@@ -108,15 +126,18 @@ body {
|
||||
|
||||
/* Panel sizing */
|
||||
.snippet-panel {
|
||||
flex: 0 0 20%;
|
||||
width: 25%;
|
||||
flex: 0 1 auto;
|
||||
}
|
||||
|
||||
.editor-panel {
|
||||
flex: 0 0 30%;
|
||||
width: 50%;
|
||||
flex: 0 1 auto;
|
||||
}
|
||||
|
||||
.preview-panel {
|
||||
flex: 0 0 50%;
|
||||
width: 25%;
|
||||
flex: 0 1 auto;
|
||||
}
|
||||
|
||||
/* Toggle buttons */
|
||||
|
||||
Reference in New Issue
Block a user