gitadmin/INSIGHT-MVP
1
0
Fork 0
mirror of http://172.20.10.11:3000/gitadmin/INSIGHT-MVP.git synced 2026-06-25 00:16:41 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: Analoguhr größer, digitale Zeit entfernt, Datum ausgeschrieben (long)

Browse source
This commit is contained in:
Thomas Reitz 2026-03-13 13:35:17 +01:00
parent baa0cafd40
commit b34370345f
2 changed files with 9 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
packages/frontend/src/components/AnalogClock.module.css
View file

@ -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;
}

6
packages/frontend/src/components/AnalogClock.tsx
View file

@ -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() {
<circle cx={CX} cy={CY} r={2.5} className={styles.centerDot} />
</svg>
<div className={styles.timeDigital}>{timeStr}</div>
<div className={styles.dateText}>{dateStr}</div>
</div>
);