jcreek/OpenNetworkDiagram
1
0
Fork 0
mirror of https://github.com/jcreek/OpenNetworkDiagram.git synced 2026-07-13 02:53:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(#5): implement single-page modal editor with live diagram updates

Browse Source
This commit is contained in:
Josh Creek
2026-02-25 19:32:46 +00:00
parent 2f4a784646
commit a22846993f
2 changed files with 2183 additions and 921 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/components/Modal.svelte
+8 -8
View File
@@ -52,7 +52,7 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
padding: 1rem; padding: 1rem;
background: rgba(15, 23, 42, 0.58); background: var(--modal-overlay);
z-index: 1000; z-index: 1000;
} }
@@ -61,8 +61,8 @@
max-height: 90vh; max-height: 90vh;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
background: #f8fafc; background: var(--panel-bg);
border: 1px solid #cbd5e1; border: 1px solid var(--panel-border);
border-radius: 12px; border-radius: 12px;
box-shadow: 0 24px 48px rgba(15, 23, 42, 0.24); box-shadow: 0 24px 48px rgba(15, 23, 42, 0.24);
} }
@@ -73,19 +73,19 @@
justify-content: space-between; justify-content: space-between;
gap: 0.5rem; gap: 0.5rem;
padding: 0.9rem 1rem; padding: 0.9rem 1rem;
border-bottom: 1px solid #e2e8f0; border-bottom: 1px solid var(--panel-border);
} }
.modal-header h2 { .modal-header h2 {
margin: 0; margin: 0;
font-size: 1.05rem; font-size: 1.05rem;
color: #0f172a; color: var(--panel-contrast);
} }
.close-button { .close-button {
border: 1px solid transparent; border: 1px solid transparent;
background: transparent; background: transparent;
color: #475569; color: var(--muted-text);
font-size: 1.7rem; font-size: 1.7rem;
line-height: 1; line-height: 1;
width: 2rem; width: 2rem;
@@ -95,8 +95,8 @@
} }
.close-button:hover { .close-button:hover {
background: #e2e8f0; background: var(--chip-bg);
color: #0f172a; color: var(--panel-contrast);
} }
.modal-body { .modal-body {
src/lib/components/NetworkDiagram.svelte
+2111 -849
View File
File diff suppressed because it is too large Load Diff