- Baukasten-Wächter: jede Regel prüft eigene Beispiele (muss fangen, muss ignorieren), veraltete Ausnahmen und Ordner-Ausschlüsse schlagen fehl; neue Regeln für text-primary ohne -ink, dark:, Schrift unter 13 px (Tailwind, SVG, CSS, style, *_SIZE-Konstanten) und Verlaufs-Hintergründe. Aufgeteilt in baukasten-guard, touch-target-guard und einen Scan-Helfer. - Hinweis „Neu: Sonnenmodus für draußen“ auf dem Dashboard, einmal je Gerät, „Ausprobieren“ schaltet live um; Fokus geht danach zur Überschrift. - Varroa-Diagramm: Beschriftungen als HTML mit fester Größe statt SVG-Text. - Medikamente zeigen die Tabs auch leer; Zahlen in Tabs nicht beim Laden oder Fehler; inaktive Tabs mit Hover für die Maus; TabPicker (Auswahl unter 640 px) für Automatisierung und Statistik; Rollen-Dialoge breit genug für die Rechte-Matrix. Co-Authored-By: Claude Opus 5.5 (1M context) <[email protected]>
31 lines
815 B
TypeScript
31 lines
815 B
TypeScript
interface HoneycombPatternProps {
|
|
className?: string;
|
|
id?: string;
|
|
}
|
|
|
|
export function HoneycombPattern({ className, id = "honeycomb" }: HoneycombPatternProps) {
|
|
return (
|
|
<svg
|
|
aria-hidden="true"
|
|
className={className ?? "pointer-events-none absolute inset-0 h-full w-full stroke-primary/[0.07]"}
|
|
>
|
|
<defs>
|
|
<pattern
|
|
id={id}
|
|
width="56"
|
|
height="97"
|
|
patternUnits="userSpaceOnUse"
|
|
patternTransform="scale(1)"
|
|
>
|
|
<path
|
|
fill="none"
|
|
strokeWidth="1.5"
|
|
d="M28 0 56 16.2 56 48.5 28 64.7 0 48.5 0 16.2Z M28 64.7 56 80.8 56 97 28 97 0 97 0 80.8Z"
|
|
/>
|
|
</pattern>
|
|
</defs>
|
|
<rect width="100%" height="100%" fill={`url(#${id})`} stroke="none" />
|
|
</svg>
|
|
);
|
|
}
|