pacnpal/thrilltrack-explorer
1
0
Fork 0
mirror of https://github.com/pacnpal/thrilltrack-explorer.git synced 2025-12-23 17:51: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:24:38 +00:00
parent 460ede0791
commit 49f3ec12aa
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-blue-100 hover:text-blue-900 dark:hover:bg-blue-900/20 dark:hover:text-blue-100 transition-colors">
<Button variant="ghost" className="text-sm font-medium hover:bg-accent/10 hover:text-accent dark:hover:bg-accent/20 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-blue-100 hover:!text-blue-900 dark:hover:bg-blue-900/20 dark:hover:text-blue-100">
<DropdownMenuItem onClick={() => navigate('/parks')} className="hover:!bg-accent/10 hover:!text-accent dark:hover:!bg-accent/20">
<MapPin className="w-4 h-4 mr-2" />
Parks
</DropdownMenuItem>
<DropdownMenuItem onClick={() => navigate('/rides')} className="hover:!bg-blue-100 hover:!text-blue-900 dark:hover:bg-blue-900/20 dark:hover:text-blue-100">
<DropdownMenuItem onClick={() => navigate('/rides')} className="hover:!bg-accent/10 hover:!text-accent dark:hover:!bg-accent/20">
<FerrisWheel className="w-4 h-4 mr-2" />
Rides
</DropdownMenuItem>
<DropdownMenuItem onClick={() => navigate('/manufacturers')} className="hover:!bg-blue-100 hover:!text-blue-900 dark:hover:bg-blue-900/20 dark:hover:text-blue-100">
<DropdownMenuItem onClick={() => navigate('/manufacturers')} className="hover:!bg-accent/10 hover:!text-accent dark:hover:!bg-accent/20">
<Factory className="w-4 h-4 mr-2" />
Manufacturers
</DropdownMenuItem>
<DropdownMenuItem onClick={() => navigate('/operators')} className="hover:!bg-blue-100 hover:!text-blue-900 dark:hover:bg-blue-900/20 dark:hover:text-blue-100">
<DropdownMenuItem onClick={() => navigate('/operators')} className="hover:!bg-accent/10 hover:!text-accent dark:hover:!bg-accent/20">
<Building className="w-4 h-4 mr-2" />
Operators
</DropdownMenuItem>
<DropdownMenuItem onClick={() => navigate('/owners')} className="hover:!bg-blue-100 hover:!text-blue-900 dark:hover:bg-blue-900/20 dark:hover:text-blue-100">
<DropdownMenuItem onClick={() => navigate('/owners')} className="hover:!bg-accent/10 hover:!text-accent dark:hover:!bg-accent/20">
<Crown className="w-4 h-4 mr-2" />
Owners
</DropdownMenuItem>
<DropdownMenuItem onClick={() => navigate('/designers')} className="hover:!bg-blue-100 hover:!text-blue-900 dark:hover:bg-blue-900/20 dark:hover:text-blue-100">
<DropdownMenuItem onClick={() => navigate('/designers')} className="hover:!bg-accent/10 hover:!text-accent dark:hover:!bg-accent/20">
<Palette className="w-4 h-4 mr-2" />
Designers
</DropdownMenuItem>