Adjust header button styles

Swapped styles for header actions: Sortiment now outlined, Abonnemang filled; updated hover states to reflect new emphasis and swapped positions accordingly.

X-Lovable-Edit-ID: edt-585395a4-9af5-4550-b7e9-93079b2a1db0
This commit is contained in:
gpt-engineer-app[bot]
2026-01-27 20:54:47 +00:00
+2 -2
View File
@@ -4,10 +4,10 @@ const Header = () => {
<div className="px-6 py-4 flex items-center justify-end"> <div className="px-6 py-4 flex items-center justify-end">
<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="border-2 border-primary text-primary px-4 py-2 rounded-sm hover:bg-primary hover:text-primary-foreground transition-colors"> <a href="#plans" className="bg-primary text-primary-foreground px-4 py-2 rounded-sm hover:bg-primary/90 transition-colors">
Abonnemang Abonnemang
</a> </a>
<a href="#gallery" className="bg-primary text-primary-foreground px-4 py-2 rounded-sm hover:bg-primary/90 transition-colors"> <a href="#gallery" className="border-2 border-primary text-primary px-4 py-2 rounded-sm hover:bg-primary hover:text-primary-foreground transition-colors">
Sortiment Sortiment
</a> </a>
</nav> </nav>