joshuafhiggins/realm-homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: Add dropdown menu for theme selection in navigation menu

Browse Source
This commit is contained in:
Mauro Balades
2024-07-11 11:08:01 +02:00
parent 45b1ecb778
commit 75beedfbff
12 changed files with 363 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/navigation.tsx
View File

@@ -14,6 +14,7 @@ import {
navigationMenuTriggerStyle,
} from "@/components/ui/navigation-menu"
import Logo from "./logo"
import { ModeToggle } from "./mode-toggle"
const components: { title: string; href: string; description: string }[] = [
{
@@ -30,7 +31,7 @@ const components: { title: string; href: string; description: string }[] = [
export function Navigation() {
return (
<div className="backdrop-blur fixed z-10 top-0 left-0 w-full flex fixed border-b border-grey p-2 items-center justify-center">
<div className="bg-background fixed z-10 top-0 left-0 w-full flex fixed border-b border-grey p-2 items-center justify-center">
<NavigationMenu>
<NavigationMenuList className="w-full">
<NavigationMenuItem className="cursor-pointer mr-20">
@@ -94,6 +95,7 @@ export function Navigation() {
</NavigationMenuLink>
</Link>
</NavigationMenuItem>
<ModeToggle />
</NavigationMenuList>
</NavigationMenu>
</div>