pacnpal/thrilltrack-explorer
1
0
Fork 0
mirror of https://github.com/pacnpal/thrilltrack-explorer.git synced 2025-12-23 12:31:13 -05:00
Code Issues Packages Projects Releases Wiki Activity

Refactor header menu hover styles

Browse Source
This commit is contained in:
gpt-engineer-app[bot]
2025-09-29 22:29:01 +00:00
parent 3da4d120ef
commit 53e36db576
1 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/layout/Header.tsx
View File

@@ -28,34 +28,34 @@ export function Header() {
<nav className="hidden md:flex items-center gap-6 ml-8">
<DropdownMenu>
<DropdownMenuTrigger asChild>
<Button variant="ghost" className="text-sm font-medium hover:bg-accent/10 hover:text-accent dark:hover:bg-accent/20 transition-colors">
<Button variant="ghost" className="text-sm font-medium hover:bg-accent hover:text-accent-foreground transition-colors">
<Search className="w-4 h-4 mr-2" />
Explore
<ChevronDown className="w-4 h-4 ml-1" />
</Button>
</DropdownMenuTrigger>
<DropdownMenuContent align="start" className="w-48 bg-background border border-border shadow-lg">
<DropdownMenuItem onClick={() => navigate('/parks')} className="hover:!bg-accent/10 hover:!text-accent dark:hover:!bg-accent/20">
<DropdownMenuItem onClick={() => navigate('/parks')} className="hover:!bg-accent hover:!text-accent-foreground">
<MapPin className="w-4 h-4 mr-2" />
Parks
</DropdownMenuItem>
<DropdownMenuItem onClick={() => navigate('/rides')} className="hover:!bg-accent/10 hover:!text-accent dark:hover:!bg-accent/20">
<DropdownMenuItem onClick={() => navigate('/rides')} className="hover:!bg-accent hover:!text-accent-foreground">
<FerrisWheel className="w-4 h-4 mr-2" />
Rides
</DropdownMenuItem>
<DropdownMenuItem onClick={() => navigate('/manufacturers')} className="hover:!bg-accent/10 hover:!text-accent dark:hover:!bg-accent/20">
<DropdownMenuItem onClick={() => navigate('/manufacturers')} className="hover:!bg-accent hover:!text-accent-foreground">
<Factory className="w-4 h-4 mr-2" />
Manufacturers
</DropdownMenuItem>
<DropdownMenuItem onClick={() => navigate('/operators')} className="hover:!bg-accent/10 hover:!text-accent dark:hover:!bg-accent/20">
<DropdownMenuItem onClick={() => navigate('/operators')} className="hover:!bg-accent hover:!text-accent-foreground">
<Building className="w-4 h-4 mr-2" />
Operators
</DropdownMenuItem>
<DropdownMenuItem onClick={() => navigate('/owners')} className="hover:!bg-accent/10 hover:!text-accent dark:hover:!bg-accent/20">
<DropdownMenuItem onClick={() => navigate('/owners')} className="hover:!bg-accent hover:!text-accent-foreground">
<Crown className="w-4 h-4 mr-2" />
Owners
</DropdownMenuItem>
<DropdownMenuItem onClick={() => navigate('/designers')} className="hover:!bg-accent/10 hover:!text-accent dark:hover:!bg-accent/20">
<DropdownMenuItem onClick={() => navigate('/designers')} className="hover:!bg-accent hover:!text-accent-foreground">
<Palette className="w-4 h-4 mr-2" />
Designers
</DropdownMenuItem>