Add hover styling to menu

This commit is contained in:
gpt-engineer-app[bot]
2025-09-28 14:34:38 +00:00
parent 6d857830ad
commit 1c227993a5

View File

@@ -36,21 +36,21 @@ export function Header() {
<MapPin className="w-4 h-4 mr-2" /> <MapPin className="w-4 h-4 mr-2" />
Parks Parks
</DropdownMenuItem> </DropdownMenuItem>
<DropdownMenuItem onClick={() => navigate('/rides')}> <DropdownMenuItem onClick={() => navigate('/rides')} className="hover:bg-blue-100 hover:text-blue-900 dark:hover:bg-blue-900/20 dark:hover:text-blue-100">
🎢 <span className="ml-2">Rides</span> 🎢 <span className="ml-2">Rides</span>
</DropdownMenuItem> </DropdownMenuItem>
<DropdownMenuItem onClick={() => navigate('/manufacturers')}> <DropdownMenuItem onClick={() => navigate('/manufacturers')} className="hover:bg-blue-100 hover:text-blue-900 dark:hover:bg-blue-900/20 dark:hover:text-blue-100">
🏭 <span className="ml-2">Manufacturers</span> 🏭 <span className="ml-2">Manufacturers</span>
</DropdownMenuItem> </DropdownMenuItem>
<DropdownMenuItem onClick={() => navigate('/operators')}> <DropdownMenuItem onClick={() => navigate('/operators')} className="hover:bg-blue-100 hover:text-blue-900 dark:hover:bg-blue-900/20 dark:hover:text-blue-100">
<Building className="w-4 h-4 mr-2" /> <Building className="w-4 h-4 mr-2" />
Operators Operators
</DropdownMenuItem> </DropdownMenuItem>
<DropdownMenuItem onClick={() => navigate('/owners')}> <DropdownMenuItem onClick={() => navigate('/owners')} className="hover:bg-blue-100 hover:text-blue-900 dark:hover:bg-blue-900/20 dark:hover:text-blue-100">
<Crown className="w-4 h-4 mr-2" /> <Crown className="w-4 h-4 mr-2" />
Owners Owners
</DropdownMenuItem> </DropdownMenuItem>
<DropdownMenuItem onClick={() => navigate('/designers')}> <DropdownMenuItem onClick={() => navigate('/designers')} className="hover:bg-blue-100 hover:text-blue-900 dark:hover:bg-blue-900/20 dark:hover:text-blue-100">
<Palette className="w-4 h-4 mr-2" /> <Palette className="w-4 h-4 mr-2" />
Designers Designers
</DropdownMenuItem> </DropdownMenuItem>