generated from muhtadeetaron/nextjs-template
fix(ui): improve ui/ux and visibility
This commit is contained in:
@ -5,17 +5,20 @@ import Link from "next/link";
|
||||
import { ReactNode } from "react";
|
||||
import { usePathname } from "next/navigation";
|
||||
import clsx from "clsx";
|
||||
import { House, LayoutGrid, Bookmark, Settings } from "lucide-react";
|
||||
import { GoHomeFill } from "react-icons/go";
|
||||
import { HiViewGrid } from "react-icons/hi";
|
||||
import { FaBookmark } from "react-icons/fa";
|
||||
import { HiCog6Tooth } from "react-icons/hi2";
|
||||
|
||||
const tabs = [
|
||||
{ name: "Home", href: "/home", component: <House size={30} /> },
|
||||
{ name: "Home", href: "/home", component: <GoHomeFill size={30} /> },
|
||||
{
|
||||
name: "Categories",
|
||||
href: "/categories",
|
||||
component: <LayoutGrid size={30} />,
|
||||
component: <HiViewGrid size={30} />,
|
||||
},
|
||||
{ name: "Bookmark", href: "/bookmark", component: <Bookmark size={30} /> },
|
||||
{ name: "Settings", href: "/settings", component: <Settings size={30} /> },
|
||||
{ name: "Bookmark", href: "/bookmark", component: <FaBookmark size={25} /> },
|
||||
{ name: "Settings", href: "/settings", component: <HiCog6Tooth size={30} /> },
|
||||
];
|
||||
|
||||
export default function TabsLayout({ children }: { children: ReactNode }) {
|
||||
|
||||
Reference in New Issue
Block a user