removved old navbar
This commit is contained in:
@@ -1,5 +1,4 @@
|
|||||||
import { Header } from "@/components/container-header";
|
import { Header } from "@/components/container-header";
|
||||||
import Navbar from "@/components/navbar";
|
|
||||||
import { DATA } from "@/app/resume";
|
import { DATA } from "@/app/resume";
|
||||||
import { cn } from "@/lib/utils";
|
import { cn } from "@/lib/utils";
|
||||||
import type { Metadata } from "next";
|
import type { Metadata } from "next";
|
||||||
@@ -72,7 +71,6 @@ export default function RootLayout({
|
|||||||
<Header />
|
<Header />
|
||||||
{children}
|
{children}
|
||||||
<Footer />
|
<Footer />
|
||||||
<Navbar />
|
|
||||||
</Providers>
|
</Providers>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@@ -58,14 +58,6 @@ export const DATA = {
|
|||||||
"Git",
|
"Git",
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
navbar: [
|
|
||||||
{ href: "/", icon: HomeIcon, label: "Home" },
|
|
||||||
{ href: "/research", icon: FlaskConicalIcon, label: "Research" },
|
|
||||||
/*{ href: "/projects", icon: BriefcaseIcon, label: "Projects" },*/
|
|
||||||
{ href: "/experience", icon: ClipboardListIcon, label: "Experience" },
|
|
||||||
{ href: "/publications", icon: PaperclipIcon, label: "Publications" },
|
|
||||||
/*{ href: "/blog", icon: NotebookIcon, label: "Blog" },*/
|
|
||||||
],
|
|
||||||
contact: {
|
contact: {
|
||||||
email: "steffen.illium@ifi.lmu.de",
|
email: "steffen.illium@ifi.lmu.de",
|
||||||
tel: "",
|
tel: "",
|
||||||
|
|||||||
@@ -1,58 +0,0 @@
|
|||||||
// components/navbar.tsx
|
|
||||||
|
|
||||||
import { Dock, DockIcon } from "@/components/magicui/dock";
|
|
||||||
import { ModeToggle } from "@/components/mode-toggle";
|
|
||||||
import { buttonVariants } from "@/components/ui/button";
|
|
||||||
import { Separator } from "@/components/ui/separator";
|
|
||||||
import {
|
|
||||||
Tooltip,
|
|
||||||
TooltipContent,
|
|
||||||
TooltipTrigger,
|
|
||||||
} from "@/components/ui/tooltip";
|
|
||||||
import { DATA } from "@/app/resume";
|
|
||||||
import { cn } from "@/lib/utils";
|
|
||||||
import Link from "next/link";
|
|
||||||
|
|
||||||
export default function Navbar() {
|
|
||||||
return (
|
|
||||||
<div className="pointer-events-auto fixed inset-x-0 bottom-0 z-30 mx-auto mb-6 flex origin-bottom mt-0">
|
|
||||||
<div className="pointer-events-auto mx-auto max-w-max mt-0">
|
|
||||||
<Dock
|
|
||||||
direction="middle"
|
|
||||||
className=" shadow-lg bg-background border mt-0">
|
|
||||||
{DATA.navbar.map((item) => (
|
|
||||||
<DockIcon key={item.href}>
|
|
||||||
<Tooltip>
|
|
||||||
<TooltipTrigger asChild>
|
|
||||||
<Link
|
|
||||||
href={item.href}
|
|
||||||
className={cn(
|
|
||||||
buttonVariants({ variant: "ghost", size: "icon" }),
|
|
||||||
"size-12"
|
|
||||||
)}
|
|
||||||
aria-label={item.label}>
|
|
||||||
<item.icon className="size-4" />
|
|
||||||
</Link>
|
|
||||||
</TooltipTrigger>
|
|
||||||
<TooltipContent>
|
|
||||||
<p>{item.label}</p>
|
|
||||||
</TooltipContent>
|
|
||||||
</Tooltip>
|
|
||||||
</DockIcon>
|
|
||||||
))}
|
|
||||||
<Separator orientation="vertical" className="h-full" />
|
|
||||||
<DockIcon>
|
|
||||||
<Tooltip>
|
|
||||||
<TooltipTrigger asChild>
|
|
||||||
<ModeToggle />
|
|
||||||
</TooltipTrigger>
|
|
||||||
<TooltipContent>
|
|
||||||
<p>Theme</p>
|
|
||||||
</TooltipContent>
|
|
||||||
</Tooltip>
|
|
||||||
</DockIcon>
|
|
||||||
</Dock>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
Reference in New Issue
Block a user