pacnpal/thrilltrack-explorer
1
0
Fork 0
mirror of https://github.com/pacnpal/thrilltrack-explorer.git synced 2025-12-23 14: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: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"> <nav className="hidden md:flex items-center gap-6 ml-8">
<DropdownMenu> <DropdownMenu>
<DropdownMenuTrigger asChild> <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" /> <Search className="w-4 h-4 mr-2" />
Explore Explore
<ChevronDown className="w-4 h-4 ml-1" /> <ChevronDown className="w-4 h-4 ml-1" />
</Button> </Button>
</DropdownMenuTrigger> </DropdownMenuTrigger>
<DropdownMenuContent align="start" className="w-48 bg-background border border-border shadow-lg"> <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" /> <MapPin className="w-4 h-4 mr-2" />
Parks Parks
</DropdownMenuItem> </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" /> <FerrisWheel className="w-4 h-4 mr-2" />
Rides Rides
</DropdownMenuItem> </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" /> <Factory className="w-4 h-4 mr-2" />
Manufacturers Manufacturers
</DropdownMenuItem> </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" /> <Building className="w-4 h-4 mr-2" />
Operators Operators
</DropdownMenuItem> </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" /> <Crown className="w-4 h-4 mr-2" />
Owners Owners
</DropdownMenuItem> </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" /> <Palette className="w-4 h-4 mr-2" />
Designers Designers
</DropdownMenuItem> </DropdownMenuItem>