Enhances service details with employees and addon sections

Adds new components for service employees and addons
Introduces detailed views with selectable employees and add-ons
Updates localization translations for new sections
Implements time range slider functionality for availability
This commit is contained in:
Janus C. H. Knudsen 2026-01-17 15:36:15 +01:00
parent 5e3811347c
commit 7643a6ab82
20 changed files with 830 additions and 336 deletions

View file

@ -12,7 +12,6 @@ swp-stats-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: var(--card-gap);
margin-bottom: var(--section-gap);
}
swp-stats-row {
@ -20,6 +19,20 @@ swp-stats-row {
grid-template-columns: repeat(3, 1fr);
gap: var(--card-gap);
margin-bottom: var(--section-gap);
&.cols-4 {
grid-template-columns: repeat(4, 1fr);
}
/* Reset margin when stat-card is inside stats-row */
& swp-stat-card {
margin-top: 0;
}
/* Tab-based visibility for multi-stat rows */
&[data-for-tab]:not(.active) {
display: none;
}
}
/* ===========================================
@ -31,6 +44,7 @@ swp-stat-card {
background: var(--color-surface);
border-radius: var(--border-radius-lg);
padding: var(--card-padding);
margin-top: var(--section-gap);
border: 1px solid var(--color-border);
}
@ -238,7 +252,8 @@ swp-quick-stat swp-stat-label {
=========================================== */
@media (max-width: 1200px) {
swp-stats-bar,
swp-stats-grid {
swp-stats-grid,
swp-stats-row.cols-4 {
grid-template-columns: repeat(2, 1fr);
}
}