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

NavBar Icons Update

Browse Source
This commit is contained in:
GamerBoss101
2025-04-12 16:36:25 -04:00
parent 1957d3df5f
commit bd74288c4f
3 changed files with 143 additions and 136 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -3,8 +3,9 @@
import React from "react";
import { Navigation } from "@skeletonlabs/skeleton-react";
import {
Home as IconHome,
Folder as IconFolder,
Image as IconImage,
BookText as BookImage,
Music as IconMusic,
Video as IconVideo,
} from "lucide-react";
@@ -15,17 +16,11 @@ const Footer = () => {
return (
<div className="p-4 flex flex-col items-center gap-4 bg-surface-900">
<Navigation.Bar className="flex justify-around w-full">
<Navigation.Tile label="Files" href="#/files" className="flex flex-col items-center">
<IconFolder />
<Navigation.Tile label="Home" href="/" className="flex flex-col items-center">
<IconHome />
</Navigation.Tile>
<Navigation.Tile label="Images" href="#/images" className="flex flex-col items-center">
<IconImage />
</Navigation.Tile>
<Navigation.Tile label="Music" href="#/music" className="flex flex-col items-center">
<IconMusic />
</Navigation.Tile>
<Navigation.Tile label="Videos" href="#/videos" className="flex flex-col items-center">
<IconVideo />
<Navigation.Tile label="Info" href="/info" className="flex flex-col items-center">
<BookImage />
</Navigation.Tile>
</Navigation.Bar>
</div>