platform-admin/alva
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update logo to image asset

Browse Source 
Switched logo rendering to use uploaded logo.png and simplified Logo component to render an image at responsive heights. Removed inline SVG logo and adjusted styling to accommodate the new asset.

X-Lovable-Edit-ID: edt-c1f534dd-fe16-462a-b76a-140724c4531e
This commit is contained in:
gpt-engineer-app[bot]
2026-01-27 20:21:14 +00:00
parent 9d00127645 86615e1f18
commit e1dbfd142e
2 changed files with 10 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/assets/logo.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 23 KiB

src/components/Logo.tsx
+10 -25
View File
@@ -1,33 +1,18 @@
import logoImage from "@/assets/logo.png";
const Logo = ({ className = "", size = "default" }: { className?: string; size?: "small" | "default" | "large" }) => { const Logo = ({ className = "", size = "default" }: { className?: string; size?: "small" | "default" | "large" }) => {
const sizeClasses = { const sizeClasses = {
small: "w-16 h-12", small: "h-12",
default: "w-24 h-18", default: "h-20",
large: "w-48 h-36" large: "h-32"
}; };
return ( return (
<div className={`inline-flex items-center justify-center ${sizeClasses[size]} ${className}`}> <img
<svg viewBox="0 0 200 150" className="w-full h-full" fill="none" xmlns="http://www.w3.org/2000/svg"> src={logoImage}
{/* Outer oval border */} alt="Lennart Svensson Konditorivaror"
<ellipse cx="100" cy="75" rx="95" ry="70" stroke="currentColor" strokeWidth="2" className="text-primary" fill="none" /> className={`${sizeClasses[size]} w-auto ${className}`}
{/* Inner oval border */} />
<ellipse cx="100" cy="75" rx="85" ry="62" stroke="currentColor" strokeWidth="1" className="text-primary" fill="none" />
{/* Text */}
<text x="100" y="35" textAnchor="middle" className="fill-primary" style={{ fontSize: '10px', fontFamily: 'serif', letterSpacing: '0.2em' }}>
AKTIEBOLAGET
</text>
<text x="100" y="60" textAnchor="middle" className="fill-primary" style={{ fontSize: '22px', fontFamily: 'serif', fontWeight: '600', letterSpacing: '0.1em' }}>
LENNART
</text>
<text x="100" y="85" textAnchor="middle" className="fill-primary" style={{ fontSize: '22px', fontFamily: 'serif', fontWeight: '600', letterSpacing: '0.1em' }}>
SVENSSON
</text>
<text x="100" y="110" textAnchor="middle" className="fill-primary" style={{ fontSize: '10px', fontFamily: 'serif', letterSpacing: '0.25em' }}>
KONDITORIVAROR
</text>
</svg>
</div>
); );
}; };