uebersicht: Zuletzt eingespielt am Handy zweizeilig, kuerzere Ortszeile

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Hitonabi
2026-09-24 22:31:34 +02:00
co-authored by Claude Opus 5.5
parent 1104200a30
commit 8cb6f6f878
2 changed files with 10 additions and 6 deletions
+1 -1
View File
@@ -45,7 +45,7 @@ export const SEITEN: Seite[] = [
/** Was über dem Seitentitel steht. */
export const ORT_NAME: Record<Ort, string> = {
uebersicht: "Alles auf einen Blick",
uebersicht: "Auf einen Blick",
box: "KI-Box",
homelab: "Homelab",
system: "Beide Instanzen",
+9 -5
View File
@@ -243,15 +243,19 @@ function Zuletzt({ homelabAktiv }: { homelabAktiv: boolean }) {
].sort((a, b) => b.zeit - a.zeit).slice(0, 6)
if (eintraege.length === 0) return <p className="text-[15px] text-text-2">Noch keine Updates aufgezeichnet.</p>
return (
<ol className="m-0 flex list-none flex-col p-0">
<ol className="@container m-0 flex list-none flex-col p-0">
{eintraege.map((e) => (
<li key={`${e.bereich}-${e.zeit}-${e.titel}`} className="grid grid-cols-[112px_minmax(0,1fr)_auto] items-center gap-3 border-t border-linie py-2.5 first:border-t-0">
<span className="ziffern text-sm text-text-3">{flugplanZeit(new Date(e.zeit).toISOString())}</span>
<span className="min-w-0 text-[15px]">
// Schmal: Zeit und Ergebnis oben, darunter Bereich und Anlass; breit alles in einer Zeile.
<li key={`${e.bereich}-${e.zeit}-${e.titel}`}
className="grid grid-cols-[minmax(0,1fr)_auto] items-center gap-x-3 gap-y-1 border-t border-linie py-2.5 first:border-t-0 @md:grid-cols-[112px_minmax(0,1fr)_auto]">
<span className="ziffern col-start-1 row-start-1 text-sm text-text-3">{flugplanZeit(new Date(e.zeit).toISOString())}</span>
<span className="col-span-2 row-start-2 min-w-0 text-[15px] @md:col-span-1 @md:col-start-2 @md:row-start-1">
<span className={cn("schild mr-2 text-[11px]", e.bereich === "KI-Box" ? "text-box-text" : "text-lab-text")}>{e.bereich}</span>
{e.titel}
</span>
<Chip art={e.art as ChipArt}>{e.chip}</Chip>
<span className="col-start-2 row-start-1 justify-self-end @md:col-start-3">
<Chip art={e.art as ChipArt}>{e.chip}</Chip>
</span>
</li>
))}
</ol>