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:
@@ -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
|
||||||
|
|||||||
Reference in New Issue
Block a user