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() { export function MyNavigationMenu() {
return ( return (
<NavigationMenu viewport={false}> <NavigationMenu viewport={false} className="bg-transparent px-2">
<NavigationMenuList> <NavigationMenuList className="bg-transparent">
<NavigationMenuItem> <NavigationMenuItem className="bg-transparent">
<NavigationMenuTrigger className="bg-background/10 backdrop-blur-sm shadow-xl"> <NavigationMenuTrigger className="bg-transparent px-2">
Navigation Navigation
</NavigationMenuTrigger> </NavigationMenuTrigger>
<NavigationMenuContent> <NavigationMenuContent className="bg-transparent absolute w-[200px]">
<ul className="grid gap-2 md:w-[400px] lg:w-[500px] lg:grid-cols-[.75fr_1fr] bg-background/10 backdrop-blur-sm shadow-xl"> <ul className="grid gap-2 md:w-[400px] lg:w-[500px] lg:grid-cols-[.75fr_1fr] ">
<li className="row-span-3"> <li className="row-span-3">
<NavigationMenuLink asChild> <NavigationMenuLink asChild>
<a <a