UX: Modal-Rand, Icon-Farben, Adresse aufgeteilt

- Tierarzt-Adresse: strasse / plz / ort statt einzeiligem Freitext
- Modal: Rand in Primärfarbe + kein versehentliches Schließen beim Klick auf Hintergrund
- Nav/Sidebar-Icons: inaktiv gedämpft, aktiv amber-getönt (CSS filter)
- Datums-Kalender-Icon: ebenfalls amber statt Schwarz
- SW-Cache → by-v8
This commit is contained in:
rene 2026-04-13 20:16:36 +02:00
parent fc0f48c6d0
commit dee8d10496
7 changed files with 59 additions and 14 deletions

View file

@ -239,6 +239,14 @@
.form-control::placeholder { color: var(--c-text-muted); }
/* Kalender-Icon in Datumseingaben: Amber statt Schwarz */
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator {
cursor: pointer;
opacity: 0.85;
filter: sepia(0.7) saturate(1.8) hue-rotate(-8deg) brightness(0.9);
}
.form-control:focus {
outline: none;
border-color: var(--c-primary);
@ -450,6 +458,7 @@ textarea.form-control {
.modal {
background: var(--c-surface);
border-radius: var(--radius-xl) var(--radius-xl) 0 0;
border: 2px solid var(--c-primary);
width: 100%;
max-width: 480px;
max-height: 90vh;