Import source: src/components/common/logo
Import the existing local project snapshot. This commit organizes existing files; it does not represent newly developed functionality.
This commit is contained in:
@@ -0,0 +1,76 @@
|
|||||||
|
import { cn } from "@/lib/utils";
|
||||||
|
|
||||||
|
export function Logo({
|
||||||
|
compact = false,
|
||||||
|
className,
|
||||||
|
}: {
|
||||||
|
compact?: boolean;
|
||||||
|
className?: string;
|
||||||
|
}) {
|
||||||
|
if (compact) {
|
||||||
|
return (
|
||||||
|
<div
|
||||||
|
className={cn(
|
||||||
|
"flex h-9 w-9 items-center justify-center rounded-lg bg-gradient-to-br from-primary to-primary/70 font-display text-sm font-bold text-primary-foreground shadow-glow-sm",
|
||||||
|
className,
|
||||||
|
)}
|
||||||
|
aria-label="CoaxysPanel"
|
||||||
|
>
|
||||||
|
CP
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
// Inline SVG so the wordmark follows the active theme and accent variables.
|
||||||
|
return (
|
||||||
|
<svg
|
||||||
|
viewBox="0 0 178 42"
|
||||||
|
role="img"
|
||||||
|
aria-label="CoaxysPanel"
|
||||||
|
className={cn("h-9 w-auto", className)}
|
||||||
|
>
|
||||||
|
<defs>
|
||||||
|
<linearGradient id="logo-mark" x1="0" y1="0" x2="1" y2="1">
|
||||||
|
<stop offset="0%" stopColor="hsl(var(--primary))" />
|
||||||
|
<stop offset="100%" stopColor="hsl(var(--primary) / 0.7)" />
|
||||||
|
</linearGradient>
|
||||||
|
</defs>
|
||||||
|
<rect x="2" y="4" width="34" height="34" rx="9" fill="url(#logo-mark)" />
|
||||||
|
<path
|
||||||
|
d="M10 24.5c6.5 6.4 17.2 5.7 22.7-1.3"
|
||||||
|
fill="none"
|
||||||
|
stroke="hsl(var(--primary-foreground))"
|
||||||
|
strokeWidth="3.2"
|
||||||
|
strokeLinecap="round"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M12 16.8c5.8-5.7 15.8-5.1 20.7 1.7"
|
||||||
|
fill="none"
|
||||||
|
stroke="hsl(var(--accent))"
|
||||||
|
strokeWidth="3.2"
|
||||||
|
strokeLinecap="round"
|
||||||
|
/>
|
||||||
|
<circle cx="14" cy="21" r="2.6" fill="hsl(var(--primary-foreground))" />
|
||||||
|
<circle cx="30" cy="21" r="2.6" fill="hsl(var(--primary-foreground))" />
|
||||||
|
<text
|
||||||
|
x="44"
|
||||||
|
y="27.5"
|
||||||
|
fontSize="20"
|
||||||
|
fontWeight="700"
|
||||||
|
fill="hsl(var(--foreground))"
|
||||||
|
style={{ fontFamily: "var(--font-display), var(--font-sans), sans-serif" }}
|
||||||
|
>
|
||||||
|
Coaxys
|
||||||
|
</text>
|
||||||
|
<text
|
||||||
|
x="113"
|
||||||
|
y="27.5"
|
||||||
|
fontSize="20"
|
||||||
|
fontWeight="600"
|
||||||
|
fill="hsl(var(--primary))"
|
||||||
|
style={{ fontFamily: "var(--font-display), var(--font-sans), sans-serif" }}
|
||||||
|
>
|
||||||
|
Panel
|
||||||
|
</text>
|
||||||
|
</svg>
|
||||||
|
);
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user