c1d2df9327
Replaces `swp-section-label` with standardized `swp-card-header` and `swp-card-title` Improves component consistency across multiple features: - Adds structured card headers - Introduces more semantic HTML elements - Enhances layout and readability of card components Updates CSS and component styles to support new structure
40 lines
1.6 KiB
Text
40 lines
1.6 KiB
Text
<swp-card>
|
||
<swp-card-header>
|
||
<swp-card-title localize="cash.period.title">Periodeoplysninger</swp-card-title>
|
||
</swp-card-header>
|
||
<swp-card-content>
|
||
<swp-period-display>
|
||
<swp-period-label localize="cash.period.dateRange">Periode</swp-period-label>
|
||
<swp-period-value>
|
||
<span class="from">28. dec 2025 kl. 18:00</span>
|
||
<span class="arrow">→</span>
|
||
<span class="to">29. dec 2025</span>
|
||
</swp-period-value>
|
||
</swp-period-display>
|
||
|
||
<swp-form-grid style="margin-top: var(--spacing-10);">
|
||
<swp-form-field>
|
||
<swp-form-label localize="cash.period.register">Kassepunkt</swp-form-label>
|
||
<swp-form-input>
|
||
<select id="register">
|
||
<option>Kasse 1 – Reception</option>
|
||
<option>Kasse 2 – Salon</option>
|
||
</select>
|
||
</swp-form-input>
|
||
</swp-form-field>
|
||
|
||
<swp-form-field>
|
||
<swp-form-label localize="cash.period.employee">Medarbejder</swp-form-label>
|
||
<swp-form-input>
|
||
<select id="employee">
|
||
<option>Anna Jensen</option>
|
||
<option>Karina Knudsen</option>
|
||
<option>Martin Nielsen</option>
|
||
</select>
|
||
</swp-form-input>
|
||
</swp-form-field>
|
||
</swp-form-grid>
|
||
|
||
<swp-auto-id>Afstemnings-ID: <strong>KA-2025-12-29</strong> · Z-043</swp-auto-id>
|
||
</swp-card-content>
|
||
</swp-card>
|