oikos

Files

T

Ulas b63418b475 feat: Phase 1 - Liquid Glass Shell Components

Neue Datei public/styles/glass.css (rein additiv, kein bestehender
Code verändert, nur optische Overrides über @supports-Guards):

Bottom Navigation:
- backdrop-filter + background-color auf --glass-* Tokens umgestellt
- Active-Item: konzentrische Glass-Kapsel (color-mix + inset highlight)
- Hover (Maus): subtiles Glass-Pill via color-mix

Sidebar (Desktop ≥ 1024px):
- backdrop-filter blur(8px) saturate(160%) mit --glass-bg-elevated
- Glass-Border + --glass-shadow-md
- Active-Item: Glass-Pill + specular inset-shadow

Modal:
- Overlay: reduziertes Dimming + blur(4px) Page-Blur (Tiefeneffekt)
- Panel: --glass-bg-elevated + backdrop-filter + --glass-shadow-lg
- Sticky Header: matching Glass-BG für sauberes sticky-Verhalten

Buttons:
- .btn--primary: --radius-glass-button (capsule) + specular highlight
- .btn--secondary: capsule radius
- .btn--ghost hover: glass backdrop-filter

FAB:
- Specular-Highlight oben + Absenkung unten via inset box-shadow

Cards:
- .card--interactive hover: Glass-lift (nur auf hover-fähigen Geräten)

Accessibility:
- prefers-reduced-transparency: specular highlights + glass shadows deaktiviert
- prefers-reduced-motion: alle Transitions auf 0.01ms

2026-04-13 16:59:04 +02:00

budget.css

fix(pwa): fix remaining iOS scroll bleed and safe-area height overflow (#16 )

2026-04-06 10:10:01 +02:00

calendar.css

fix(pwa): fix remaining iOS scroll bleed and safe-area height overflow (#16 )

2026-04-06 10:10:01 +02:00

contacts.css

fix(pwa): fix remaining iOS scroll bleed and safe-area height overflow (#16 )

2026-04-06 10:10:01 +02:00

dashboard.css

feat: Phase 0 - Audit-Fixes + Glass-Token-Layer