Leopoldadmin/web-cad
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

task(G2): layout bar UI + viewport minimap widget, zoomPan setView, canvas layout bridge

Browse Source
This commit is contained in:
Agent Zero
2026-08-29 02:43:51 +02:00
parent d4e1b781a6
commit 7feed9e9e3
6 changed files with 454 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/styles.css
+79
View File
@@ -2835,3 +2835,82 @@ body.drawer-open { overflow: hidden; }
}
.lprov-block:hover { background: rgba(255, 255, 255, 0.06); border-color: rgba(255, 255, 255, 0.12); }
.lprov-block .tree-thumb svg { width: 44px; height: 36px; display: block; }
/* ─── Task G2 – LayoutBar ─── */
.layout-bar {
display: flex;
flex-direction: column;
gap: 4px;
padding: 6px 10px;
border-top: 1px solid rgba(255, 255, 255, 0.08);
background: rgba(20, 22, 26, 0.6);
max-height: 180px;
overflow-y: auto;
}
.layout-bar-header {
display: flex;
align-items: center;
justify-content: space-between;
}
.layout-bar-title {
font-size: 11px;
font-weight: 600;
color: #9aa0a6;
text-transform: uppercase;
letter-spacing: 0.04em;
}
.layout-bar-add {
background: transparent;
color: #4a90d9;
border: 1px solid rgba(74, 144, 217, 0.4);
border-radius: 4px;
width: 22px;
height: 22px;
cursor: pointer;
font-size: 14px;
line-height: 1;
}
.layout-bar-add:disabled { opacity: 0.4; cursor: default; }
.layout-bar-add:not(:disabled):hover { background: rgba(74, 144, 217, 0.15); }
.layout-bar-empty {
font-size: 11px;
color: #6b7280;
padding: 4px 0;
}
.layout-bar-list {
display: flex;
gap: 8px;
overflow-x: auto;
padding: 2px 0 4px;
}
.layout-bar-item {
display: flex;
align-items: flex-start;
gap: 2px;
}
.layout-bar-entry {
display: flex;
flex-direction: column;
align-items: center;
gap: 2px;
background: transparent;
border: 1px solid transparent;
border-radius: 6px;
padding: 4px;
cursor: pointer;
color: inherit;
}
.layout-bar-entry:hover { background: rgba(255, 255, 255, 0.06); border-color: rgba(255, 255, 255, 0.12); }
.layout-minimap { border-radius: 4px; background: rgba(0, 0, 0, 0.25); }
.layout-bar-name { font-size: 10px; color: #9aa0a6; }
.layout-bar-del {
background: transparent;
border: none;
color: #6b7280;
cursor: pointer;
font-size: 11px;
padding: 2px;
border-radius: 4px;
}
.layout-bar-del:hover { color: #c0392b; background: rgba(192, 57, 43, 0.15); }