Adjust account menu visuals

Removed account icon, simplified trigger styling, and emphasized signup option with bold border in the account dropdown.

X-Lovable-Edit-ID: edt-821b61d1-1180-4d99-b6ff-1a5a0050acd3
This commit is contained in:
gpt-engineer-app[bot]
2026-01-27 22:41:39 +00:00
+3 -6
View File
@@ -1,5 +1,5 @@
import { useState } from "react"; import { useState } from "react";
import { User, LogIn, LogOut, ChevronDown } from "lucide-react"; import { LogIn, LogOut } from "lucide-react";
import { import {
DropdownMenu, DropdownMenu,
DropdownMenuContent, DropdownMenuContent,
@@ -34,11 +34,9 @@ const AccountMenu = () => {
<DropdownMenuTrigger asChild> <DropdownMenuTrigger asChild>
<Button <Button
variant="ghost" variant="ghost"
className="text-primary hover:text-primary/80 font-serif text-base flex items-center gap-1" className="text-primary hover:text-primary/80 font-serif text-base"
> >
<User className="h-4 w-4" />
Mitt konto Mitt konto
<ChevronDown className="h-3 w-3" />
</Button> </Button>
</DropdownMenuTrigger> </DropdownMenuTrigger>
<DropdownMenuContent <DropdownMenuContent
@@ -62,9 +60,8 @@ const AccountMenu = () => {
<> <>
<DropdownMenuItem <DropdownMenuItem
onClick={() => handleOpenAuth("signup")} onClick={() => handleOpenAuth("signup")}
className="cursor-pointer flex items-center gap-2" className="cursor-pointer font-bold border border-primary rounded-md mx-1 my-1"
> >
<User className="h-4 w-4" />
Skapa konto Skapa konto
</DropdownMenuItem> </DropdownMenuItem>
<DropdownMenuItem <DropdownMenuItem