steffen/website
1
0
Fork 0
Code Actions Packages Releases Activity

navigation menu style fixed: transparency

Browse Source
This commit is contained in:
Steffen Illium
2025-09-29 10:40:42 +02:00
parent 4ac7528a98
commit 4a92ade93c
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
components/element-navigation-menu.tsx
View File

@@ -54,14 +54,14 @@ const components: { title: string; href: string; description: string }[] = [
export function MyNavigationMenu() {
return (
<NavigationMenu viewport={false}>
<NavigationMenuList>
<NavigationMenuItem>
<NavigationMenuTrigger className="bg-background/10 backdrop-blur-sm shadow-xl">
<NavigationMenu viewport={false} className="bg-transparent px-2">
<NavigationMenuList className="bg-transparent">
<NavigationMenuItem className="bg-transparent">
<NavigationMenuTrigger className="bg-transparent px-2">
Navigation
</NavigationMenuTrigger>
<NavigationMenuContent>
<ul className="grid gap-2 md:w-[400px] lg:w-[500px] lg:grid-cols-[.75fr_1fr] bg-background/10 backdrop-blur-sm shadow-xl">
<NavigationMenuContent className="bg-transparent absolute w-[200px]">
<ul className="grid gap-2 md:w-[400px] lg:w-[500px] lg:grid-cols-[.75fr_1fr] ">
<li className="row-span-3">
<NavigationMenuLink asChild>
<a