Weisses Geruest (.shell, feste Seitenleiste, Dokument-Scroll), Menue als Textliste mit Zaehlern und Serverpuls-Punkt, Schublade mit Scrim und Esc auf dem Handy, Logo-Komponente und Favicon. Footer, Einklappen (lib/sidebar.js) und das alte Menue-CSS (.side*, .app-*) sind entfernt. Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
18 lines
806 B
React
18 lines
806 B
React
// WEBklar-Zeichen (Ellipse mit Stern); Pfade aus dem Prototyp. Die Groesse setzen im Menue und auf der Anmeldung die Stile
|
|
// (.brand svg, .login-box svg), size gilt, wo keine Regel greift.
|
|
export default function Logo({ size = 24 }) {
|
|
return (
|
|
<svg viewBox="0 0 512 512" width={size} height={size} aria-hidden="true">
|
|
<g transform="translate(256 256) scale(0.98) translate(-256 -256)">
|
|
<ellipse cx="256" cy="256" rx="210" ry="150" fill="#111" transform="rotate(-28 256 256)" />
|
|
<circle cx="356" cy="172" r="18" fill="#fff" />
|
|
<path
|
|
transform="translate(256 256) rotate(-28)"
|
|
d="M 0,-170 C 22,-105 60,-72 120,-56 C 60,-40 22,-8 0,64 C -22,-8 -60,-40 -120,-56 C -60,-72 -22,-105 0,-170 Z"
|
|
fill="#fff"
|
|
/>
|
|
</g>
|
|
</svg>
|
|
)
|
|
}
|