Implement Phase 2: Complete resizable panels with enhanced toggle functionality and memory persistence

This commit is contained in:
2025-10-13 01:50:17 +03:00
parent ffeb893809
commit ea3711a692
3 changed files with 333 additions and 27 deletions

View File

@@ -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 */