Hackathons/Bitcamp-2025
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Points Guide NavItem Update

Browse Source
This commit is contained in:
GamerBoss101
2025-04-12 20:15:15 -04:00
parent d0ec8ec564
commit e58784a4f1
2 changed files with 23 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/lib/components/MobileNav.jsx
View File

@@ -4,10 +4,8 @@ import React from "react";
import { Navigation } from "@skeletonlabs/skeleton-react"; import { Navigation } from "@skeletonlabs/skeleton-react";
import { import {
Home as IconHome, Home as IconHome,
Folder as IconFolder,
BookText as BookImage, BookText as BookImage,
Music as IconMusic, Coins as CoinsImage,
Video as IconVideo,
} from "lucide-react"; } from "lucide-react";
import { useRouter } from "next/navigation"; import { useRouter } from "next/navigation";
@@ -22,6 +20,9 @@ const Footer = () => {
<Navigation.Tile label="Info" href="/info" className="flex flex-col items-center"> <Navigation.Tile label="Info" href="/info" className="flex flex-col items-center">
<BookImage /> <BookImage />
</Navigation.Tile> </Navigation.Tile>
<Navigation.Tile label="Points Guide" href="/points-guide" className="flex flex-col items-center">
<CoinsImage />
</Navigation.Tile>
</Navigation.Bar> </Navigation.Bar>
</div> </div>
); );

42
src/lib/components/NavBar.tsx
View File

@@ -1,31 +1,27 @@
"use client"; "use client";
import React from "react"; import React from "react";
import { Navigation } from "@skeletonlabs/skeleton-react";
import {
Home as IconHome,
Folder as IconFolder,
BookText as BookImage,
Music as IconMusic,
Video as IconVideo,
} from "lucide-react";
import { useRouter } from "next/navigation";
const NavBar = () => { const NavBar = () => {
return ( return (
<nav className="sticky top-0 z-50 shadow-xl text-black dark:text-white bg-surface-800"> <nav className="sticky top-0 z-50 shadow-xl text-black dark:text-white bg-surface-800">
<div className="container mx-auto px-4"> <div className="container mx-auto px-4">
<div className="grid grid-cols-[auto_1fr_auto] items-center gap-4 p-4"> <div className="grid grid-cols-[auto_1fr_auto] items-center gap-4 p-4">
<h1 className="text-xl font-semibold"><a href="/">Drink Happy</a></h1> <h1 className="text-xl font-semibold">
<div className="hidden md:flex items-center gap-4 justify-center"> <a href="/">Drink Happy</a>
<a href="/#create" className="btn variant-ghost">Create</a> </h1>
<a href="/#edit" className="btn variant-ghost">Edit</a> <div className="hidden md:flex items-center gap-4 justify-center">
</div> <a href="/info" className="btn variant-ghost">
</div> Info
</div> </a>
</nav> <a href="/pointsguide" className="btn variant-ghost">
); Points Guide
</a>
</div>
</div>
</div>
</nav>
);
}; };
export default NavBar; export default NavBar;