diff --git a/packages/frontend/src/components/AnalogClock.module.css b/packages/frontend/src/components/AnalogClock.module.css index 390f3f6..5af957f 100644 --- a/packages/frontend/src/components/AnalogClock.module.css +++ b/packages/frontend/src/components/AnalogClock.module.css @@ -10,8 +10,8 @@ } .svg { - width: 148px; - height: 148px; + width: 190px; + height: 190px; overflow: visible; filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.08)); } @@ -63,18 +63,10 @@ fill: #ef4444; } -/* Digitale Zeit darunter */ -.timeDigital { - font-size: 1.25rem; - font-weight: 700; - letter-spacing: 0.06em; - font-variant-numeric: tabular-nums; - color: var(--color-text); -} - .dateText { - font-size: 0.75rem; - color: var(--color-text-muted); - text-transform: capitalize; + font-size: 0.9375rem; + font-weight: 500; + color: var(--color-text-secondary); + text-align: center; letter-spacing: 0.01em; } diff --git a/packages/frontend/src/components/AnalogClock.tsx b/packages/frontend/src/components/AnalogClock.tsx index 54a6b7a..962d64e 100644 --- a/packages/frontend/src/components/AnalogClock.tsx +++ b/packages/frontend/src/components/AnalogClock.tsx @@ -50,9 +50,10 @@ export function AnalogClock() { minute: '2-digit', }); const dateStr = now.toLocaleDateString('de-DE', { - weekday: 'short', + weekday: 'long', day: '2-digit', - month: 'short', + month: 'long', + year: 'numeric', }); return ( @@ -110,7 +111,6 @@ export function AnalogClock() { -
{timeStr}
{dateStr}
);