First run of the web UI

This commit is contained in:
2026-11-11 23:25:16 +01:00
parent 9d8b560bac
commit a834cf2576
9 changed files with 262 additions and 77 deletions
+21
View File
@@ -161,12 +161,15 @@ tbody tr:hover { background: var(--accent); }
.pdfpane { padding: 0; overflow: hidden; height: 75vh; }
.pdfpane iframe { width: 100%; height: 100%; border: 0; display: block; background: var(--muted); }
#pdf[hidden] { display: none; }
#pdferror { margin: 1rem; }
.formgrid { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem 1rem; }
@media (max-width: 700px) { .formgrid { grid-template-columns: 1fr; } }
.fieldrow { display: flex; flex-direction: column; gap: .25rem; }
.fieldrow > label { font-size: 12px; color: var(--muted-foreground); }
.fieldrow input, .fieldrow select { width: 100%; }
.enum-control { display: grid; gap: .35rem; }
.mandatory { color: var(--destructive); }
.proposal { font-size: 12px; color: var(--muted-foreground); display: flex; gap: .5rem; align-items: center; }
.proposal[hidden] { display: none; }
@@ -182,6 +185,24 @@ tbody tr:hover { background: var(--accent); }
.errbox[hidden] { display: none; }
.errbox ul { margin: .25rem 0 0 1rem; padding: 0; }
.auth-dialog {
width: min(28rem, calc(100vw - 2rem));
border: 1px solid var(--border);
border-radius: var(--radius);
padding: 0;
background: var(--card);
color: var(--card-foreground);
}
.auth-dialog::backdrop { background: hsl(220 8% 10% / .52); }
.auth-card { padding: 1.25rem; }
.auth-card h2 { margin: 0; font-size: 1.1rem; }
.auth-card > p { margin: .35rem 0 1rem; color: var(--muted-foreground); }
.auth-form { display: grid; gap: .75rem; }
.auth-form label { display: grid; gap: .25rem; color: var(--muted-foreground); }
.auth-form input { width: 100%; }
.auth-error { min-height: 1.3em; margin: 0; color: var(--destructive); }
.auth-actions { display: flex; justify-content: space-between; align-items: center; gap: .75rem; flex-wrap: wrap; }
.targetname { font-size: 13px; color: var(--muted-foreground); margin-bottom: .75rem; word-break: break-all; }
.actions { display: flex; gap: .75rem; margin-top: 1rem; flex-wrap: wrap; }