feat: better sidebar
This commit is contained in:
@ -1,12 +1,12 @@
|
|||||||
import type { FC } from "react";
|
import type { FC } from "react";
|
||||||
import { useBarItems } from "../tabs";
|
import { useBarItems } from "@/hooks/barItems";
|
||||||
import { Link } from "react-router";
|
import { Link } from "react-router";
|
||||||
|
|
||||||
const Sidebar: FC = () => {
|
const Sidebar: FC = () => {
|
||||||
const [barItems, isActive] = useBarItems();
|
const [barItems, isActive] = useBarItems();
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="hidden sm:flex flex-col gap-2 items-stretch min-w-80 w-80 p-5 pt-18 min-h-screen select-none bg-white/65 dark:bg-black/65 shadow-lg shadow-gray-300 dark:shadow-gray-700">
|
<div className="hidden sm:flex flex-col gap-2 items-stretch border-r border-gray-700 dark:border-gray-800 min-w-80 w-80 p-5 pt-18 min-h-screen select-none">
|
||||||
{barItems.map((item) => (
|
{barItems.map((item) => (
|
||||||
<Link to={item.pathname} key={item.tab}>
|
<Link to={item.pathname} key={item.tab}>
|
||||||
<div
|
<div
|
||||||
|
Reference in New Issue
Block a user