Sven/muh
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add customer search and navigation updates

Browse Source
This commit is contained in:
Sven Carstensen
2026-03-12 16:50:50 +01:00
parent 8ebb4d06e5
commit 1a8e37bd36
17 changed files with 710 additions and 137 deletions
Download Patch File Download Diff File Expand all files Collapse all files

75
frontend/src/styles/global.css
View File

@@ -118,6 +118,33 @@ a {
transition: background 160ms ease, color 160ms ease, transform 160ms ease;
}
.nav-group {
display: grid;
gap: 8px;
}
.nav-group__label {
padding: 10px 16px 0;
color: rgba(248, 243, 237, 0.5);
letter-spacing: 0.12em;
text-transform: uppercase;
font-size: 0.74rem;
}
.nav-subnav {
display: grid;
gap: 8px;
padding-left: 14px;
}
.nav-sublink {
padding: 10px 14px;
border-radius: 14px;
color: rgba(248, 243, 237, 0.72);
text-decoration: none;
transition: background 160ms ease, color 160ms ease, transform 160ms ease;
}
.nav-link:hover,
.nav-link.is-active {
background: rgba(255, 255, 255, 0.08);
@@ -125,6 +152,13 @@ a {
transform: translateX(4px);
}
.nav-sublink:hover,
.nav-sublink.is-active {
background: rgba(255, 255, 255, 0.08);
color: #fff8f0;
transform: translateX(4px);
}
.sidebar__footer {
display: grid;
gap: 12px;
@@ -319,6 +353,10 @@ a {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.field-grid--stacked {
grid-template-columns: 1fr;
}
.field {
display: grid;
gap: 8px;
@@ -333,6 +371,18 @@ a {
color: var(--muted);
}
.field--required span::after,
.required-label::after {
content: " *";
color: var(--danger);
}
.required-label {
margin: 0 0 12px;
color: var(--muted);
font-size: 0.9rem;
}
.field input,
.field select,
.field textarea,
@@ -351,6 +401,21 @@ a {
resize: vertical;
}
.show-validation .field input:invalid,
.show-validation .field select:invalid,
.show-validation .field textarea:invalid,
.field input.is-invalid,
.field select.is-invalid,
.field textarea.is-invalid,
.data-table input.is-invalid,
.data-table select.is-invalid,
.pathogen-grid.is-invalid,
.choice-row.is-invalid,
.tab-chip.is-invalid {
border-color: rgba(157, 60, 48, 0.55);
box-shadow: 0 0 0 3px rgba(157, 60, 48, 0.12);
}
.choice-row,
.tab-row,
.page-actions,
@@ -385,6 +450,10 @@ a {
box-shadow: inset 0 0 0 1px rgba(17, 109, 99, 0.32);
}
.tab-chip.is-invalid {
color: var(--danger);
}
.section-card__header {
display: flex;
align-items: center;
@@ -414,6 +483,12 @@ a {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.pathogen-grid.is-invalid {
padding: 14px;
border: 1px solid rgba(157, 60, 48, 0.3);
border-radius: 18px;
}
.user-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
margin-top: 18px;