Consolidates UI components into a centralized components.css file Removes duplicate styles across multiple CSS files Adds utility classes in a new utilities.css file Reduces overall CSS complexity and improves maintainability Removes quick-stats.css and redistributes its styles Updates layout and stylesheet references accordingly
38 lines
1.6 KiB
Text
38 lines
1.6 KiB
Text
<swp-card>
|
||
<swp-section-label localize="cash.period.title">Periodeoplysninger</swp-section-label>
|
||
<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>
|