Logo.tsx wieder vollstaendig machen
Zwei Handaenderungen hatten das Bauteil halb umgebaut: `aufRosa` war aus der
Signatur von MannerLogo verschwunden, wurde im Rumpf aber weiter benutzt
(erster Build: "Cannot find name"), und nach dem Nachbessern reichte
AppWortmarke die Eigenschaft weiter, die es nicht mehr gab (zweiter Build:
"Property 'aufRosa' does not exist"). Beide Male scheiterte der Typcheck im
Container, und damit blieb der Stand von d2d5e1d unausgeliefert.
Wiederhergestellt ist genau dieser Stand. `aufRosa` wird gebraucht: auf einer
rosa Flaeche darf das Logo kein eigenes Feld bekommen, sonst liegt wieder ein
Rechteck darauf — auf dem Panel der Anmeldeseite waere es das Raster, das
unter dem Feld endet.
Lint, Typen, Schemaabgleich, 562 Tests und der Build sind sauber.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
@@ -36,7 +36,16 @@
|
|||||||
/** Seitenverhaeltnis der Vorlage: 1203 x 484 Pixel. */
|
/** Seitenverhaeltnis der Vorlage: 1203 x 484 Pixel. */
|
||||||
const VERHAELTNIS = 1203 / 484;
|
const VERHAELTNIS = 1203 / 484;
|
||||||
|
|
||||||
export function MannerLogo({ hoehe = 28, className = "" }: { hoehe?: number; className?: string }) {
|
export function MannerLogo({
|
||||||
|
hoehe = 28,
|
||||||
|
aufRosa = false,
|
||||||
|
className = "",
|
||||||
|
}: {
|
||||||
|
hoehe?: number;
|
||||||
|
/** Fuer rosa Untergruende: ohne eigenes Feld, nur mit Freiraum. */
|
||||||
|
aufRosa?: boolean;
|
||||||
|
className?: string;
|
||||||
|
}) {
|
||||||
const breite = Math.round(hoehe * VERHAELTNIS);
|
const breite = Math.round(hoehe * VERHAELTNIS);
|
||||||
// Der Freiraum nach §4.1: X/3, wobei X als Hoehe des Schriftzugs gelesen
|
// Der Freiraum nach §4.1: X/3, wobei X als Hoehe des Schriftzugs gelesen
|
||||||
// ist. Er steckt hier und nicht in den Aufrufstellen — sonst haengt seine
|
// ist. Er steckt hier und nicht in den Aufrufstellen — sonst haengt seine
|
||||||
@@ -47,7 +56,7 @@ export function MannerLogo({ hoehe = 28, className = "" }: { hoehe?: number; cla
|
|||||||
<span
|
<span
|
||||||
style={{ padding: freiraum }}
|
style={{ padding: freiraum }}
|
||||||
// Ohne Eckenrundung: §4.1 spricht von einem rechteckigen Feld.
|
// Ohne Eckenrundung: §4.1 spricht von einem rechteckigen Feld.
|
||||||
className={`inline-flex shrink-0 items-center ${"bg-accent-500"} ${className}`}
|
className={`inline-flex shrink-0 items-center ${aufRosa ? "" : "bg-accent-500"} ${className}`}
|
||||||
>
|
>
|
||||||
{/* next/image bringt Groessenvarianten und Ladelogik fuer Fotos mit; fuer
|
{/* next/image bringt Groessenvarianten und Ladelogik fuer Fotos mit; fuer
|
||||||
eine Bildmarke fester Groesse ist beides Ballast. */}
|
eine Bildmarke fester Groesse ist beides Ballast. */}
|
||||||
|
|||||||
Reference in New Issue
Block a user