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 { .svg {
width: 148px; width: 190px;
height: 148px; height: 190px;
overflow: visible; overflow: visible;
filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.08)); filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.08));
} }
@ -63,18 +63,10 @@
fill: #ef4444; 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 { .dateText {
font-size: 0.75rem; font-size: 0.9375rem;
color: var(--color-text-muted); font-weight: 500;
text-transform: capitalize; color: var(--color-text-secondary);
text-align: center;
letter-spacing: 0.01em; letter-spacing: 0.01em;
} }

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

@ -50,9 +50,10 @@ export function AnalogClock() {
minute: '2-digit', minute: '2-digit',
}); });
const dateStr = now.toLocaleDateString('de-DE', { const dateStr = now.toLocaleDateString('de-DE', {
weekday: 'short', weekday: 'long',
day: '2-digit', day: '2-digit',
month: 'short', month: 'long',
year: 'numeric',
}); });
return ( return (
@ -110,7 +111,6 @@ export function AnalogClock() {
<circle cx={CX} cy={CY} r={2.5} className={styles.centerDot} /> <circle cx={CX} cy={CY} r={2.5} className={styles.centerDot} />
</svg> </svg>
<div className={styles.timeDigital}>{timeStr}</div>
<div className={styles.dateText}>{dateStr}</div> <div className={styles.dateText}>{dateStr}</div>
</div> </div>
); );