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() {