mirrors/pikasTech-unidesk
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: surface database volume in docker view

Browse Source
This commit is contained in:
Codex
2026-05-04 13:51:31 +00:00
parent 2a03f6343c
commit a16fedd9e4
8 changed files with 169 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/frontend/public/style.css
+68 -1
View File
@@ -377,6 +377,57 @@ h2 { font-size: 14px; text-transform: uppercase; letter-spacing: 0.08em; }
margin-bottom: 8px;
}
.docker-volume-focus {
display: grid;
gap: 8px;
padding: 10px;
margin-bottom: 8px;
border: 1px solid rgba(113, 191, 120, 0.34);
background:
linear-gradient(90deg, rgba(113, 191, 120, 0.11), transparent 55%),
var(--panel-3);
}
.docker-volume-focus.missing {
border-color: rgba(215, 161, 58, 0.45);
background:
linear-gradient(90deg, rgba(215, 161, 58, 0.12), transparent 55%),
var(--panel-3);
}
.volume-focus-head {
display: flex;
justify-content: space-between;
align-items: center;
gap: 8px;
}
.volume-focus-body {
display: grid;
gap: 5px;
}
.volume-focus-body strong {
font-size: 15px;
letter-spacing: 0.03em;
}
.volume-focus-body > span {
color: var(--muted);
}
.volume-route {
display: grid;
grid-template-columns: minmax(0, 1fr) auto minmax(0, 0.82fr);
gap: 8px;
align-items: center;
color: var(--muted);
}
.volume-route code {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #c7ddd8;
}
.docker-meta.compact {
margin-top: 2px;
}
.docker-section-head {
display: flex;
justify-content: space-between;
@@ -433,6 +484,22 @@ h2 { font-size: 14px; text-transform: uppercase; letter-spacing: 0.08em; }
overflow: hidden;
text-overflow: ellipsis;
}
.docker-side-row.database-volume {
border-color: rgba(113, 191, 120, 0.54);
background:
linear-gradient(90deg, rgba(113, 191, 120, 0.14), transparent 70%),
var(--panel-3);
}
.docker-side-row.database-volume strong {
color: #d6f1df;
}
.docker-side-more {
padding: 6px 7px;
border: 1px dashed var(--line-soft);
color: var(--muted);
text-align: center;
background: rgba(255,255,255,0.02);
}
.monitor-page {
display: grid;
@@ -791,7 +858,7 @@ input:focus, select:focus, textarea:focus { border-color: var(--accent-2); }
.topbar { align-items: flex-start; flex-direction: column; }
.status-strip { flex-wrap: wrap; white-space: normal; }
.metric-grid, .policy-grid, .security-board, .dispatch-form, .docker-metrics, .monitor-chart-grid, .monitor-summary-grid { grid-template-columns: 1fr; }
.compact-row, .heartbeat-row, .log-row, .endpoint-list article { grid-template-columns: 1fr; align-items: start; }
.compact-row, .heartbeat-row, .log-row, .endpoint-list article, .volume-route { grid-template-columns: 1fr; align-items: start; }
.docker-hero, .monitor-hero { flex-direction: column; }
.tab { min-width: 104px; }
}