Hitonabi/mission-control-v2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

design v5: Bausteine der KI-Box-Updates mit Logo; dist gebaut

Browse Source 
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Hitonabi
2026-09-25 15:51:08 +02:00
co-authored by Claude Opus 5.5
parent 0d2687436e
commit 5c6e73c69c
232 changed files with 244 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/views/Updates.tsx
+8 -3
View File
@@ -5,6 +5,7 @@ import { cn } from "cn"
import { Auftraege } from "@/components/cockpit/Auftraege"
import { Bestaetigen } from "@/components/cockpit/Bestaetigen"
import { Chip, type ChipArt, Zustandsfeld } from "@/components/cockpit/Chip"
import { Geraetesymbol } from "@/components/cockpit/Geraetesymbol"
import { Panel } from "@/components/cockpit/Panel"
import { Button } from "@/components/ui/button"
import {
@@ -12,6 +13,7 @@ import {
useUpdateDetails, useUpdateStarten, useUpdateVerlauf, useZurueckspielen,
} from "@/lib/abfragen"
import { laeuftNoch } from "@/lib/anzeige"
import { boxbild } from "@/lib/geraetebild"
import { detailsHabenNeues, jobSuche, pruefFehlerText, versionen } from "@/lib/wartung"
import type { Festgehalten, Sicherung, UpdateDetails } from "@/lib/typen"
import { flugplanZeit } from "@/lib/zeit"
@@ -176,9 +178,12 @@ function BausteinZeile({ id, name, details, hatUpdate, neuLautStart, fest, gespe
<div
role="row"
aria-busy={laedt || undefined}
className="grid grid-cols-1 gap-x-4 gap-y-2 border-t border-white/[0.06] py-3.5 md:grid-cols-[170px_100px_170px_minmax(0,1fr)_auto] md:items-start"
className="grid grid-cols-1 gap-x-4 gap-y-2 border-t border-white/[0.06] py-3.5 md:grid-cols-[210px_100px_170px_minmax(0,1fr)_auto] md:items-start"
>
<span role="rowheader" className="text-[15px] font-semibold">{name}</span>
<span role="rowheader" className="flex min-w-0 items-center gap-3 text-[15px] font-semibold">
<Geraetesymbol bild={boxbild(id)} groesse="sm" />
<span className="min-w-0">{name}</span>
</span>
<span role="cell" className="ziffern -mt-1 text-sm text-text-2 md:hidden">
{laeuftZelle}
{!laedt && (neu || fehler) && <> {neu ? "→" : "·"} {neuZelle}</>}
@@ -297,7 +302,7 @@ export function UpdatesSeite() {
<div role="table" aria-label="Bausteine und ihre Updates" className="flex flex-col">
<div
role="row"
className="etikett hidden grid-cols-[170px_100px_170px_minmax(0,1fr)_auto] gap-x-4 pb-2 text-[10.5px] tracking-[0.14em] text-text-3 md:grid"
className="etikett hidden grid-cols-[210px_100px_170px_minmax(0,1fr)_auto] gap-x-4 pb-2 text-[10.5px] tracking-[0.14em] text-text-3 md:grid"
>
<span role="columnheader">Baustein</span>
<span role="columnheader">Läuft</span>