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

Add logo to header

Browse Source 
In the header, added a logo image aligned top-left and kept it clickable, with layout updated to show logo on the left and navigation on the right.

X-Lovable-Edit-ID: edt-191ce35c-fe0c-4aa6-978a-da0d0c665843
This commit is contained in:
gpt-engineer-app[bot]
2026-01-27 21:26:44 +00:00
parent f4412e200e b6d980de82
commit 145d2fa366
1 changed files with 10 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Header.tsx
+10 -1
View File
@@ -1,7 +1,16 @@
import logoImage from "@/assets/logo.png";
const Header = () => { const Header = () => {
return ( return (
<header className="fixed top-0 left-0 right-0 z-50 bg-background/95 backdrop-blur-sm border-b border-border"> <header className="fixed top-0 left-0 right-0 z-50 bg-background/95 backdrop-blur-sm border-b border-border">
<div className="px-6 py-4 flex items-center justify-end"> <div className="px-6 py-3 flex items-center justify-between">
<a href="#" className="flex items-center">
<img
src={logoImage}
alt="Lennart Svensson Konditorivaror"
className="h-10 w-auto"
/>
</a>
<nav className="hidden md:flex items-center gap-4 text-sm"> <nav className="hidden md:flex items-center gap-4 text-sm">
<a href="#plans" className="bg-primary text-primary-foreground px-4 py-2 rounded-sm hover:bg-primary/90 transition-colors"> <a href="#plans" className="bg-primary text-primary-foreground px-4 py-2 rounded-sm hover:bg-primary/90 transition-colors">