Adopt shared WebUI structural primitives

This commit is contained in:
2026-08-18 13:17:31 +02:00
parent abf35d75f3
commit 50e0172f65
5 changed files with 27 additions and 73 deletions
+2 -55
View File
@@ -1,39 +1,14 @@
.forms-page,
.forms-shell {
.forms-page {
height: 100%;
min-height: 0;
overflow: hidden;
}
.forms-shell {
display: flex;
flex-direction: column;
background: var(--surface);
}
.forms-toolbar {
display: flex;
align-items: center;
gap: 10px;
min-height: 58px;
padding: 10px 18px;
border-bottom: 1px solid var(--border);
background: var(--surface-raised);
}
.forms-search {
display: flex;
align-items: center;
gap: 8px;
width: min(520px, 100%);
flex: 1 1 520px;
margin-right: auto;
}
.forms-search input {
min-width: 120px;
flex: 1;
}
.forms-toolbar > label {
display: flex;
align-items: center;
@@ -122,12 +97,6 @@
color: var(--text-soft);
}
.forms-empty {
padding: 36px 0;
color: var(--text-soft);
text-align: center;
}
.form-definition-dialog {
width: min(1120px, calc(100vw - 32px));
height: min(860px, calc(100vh - 32px));
@@ -171,19 +140,6 @@
font-weight: 600;
}
.form-field-editor-heading {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.form-field-editor-heading h3 {
margin: 0;
font-size: 0.98rem;
letter-spacing: 0;
}
.form-field-editor-list {
border-top: 1px solid var(--border);
}
@@ -313,15 +269,6 @@
}
@media (max-width: 900px) {
.forms-toolbar {
align-items: stretch;
flex-wrap: wrap;
}
.forms-search {
width: 100%;
}
.forms-row {
grid-template-columns: minmax(0, 1fr) auto auto;
}