diff options
| -rw-r--r-- | apps/web/src/components/editor/media-panel/tabbar.tsx | 26 |
1 files changed, 17 insertions, 9 deletions
diff --git a/apps/web/src/components/editor/media-panel/tabbar.tsx b/apps/web/src/components/editor/media-panel/tabbar.tsx index 4c3965c4..56437508 100644 --- a/apps/web/src/components/editor/media-panel/tabbar.tsx +++ b/apps/web/src/components/editor/media-panel/tabbar.tsx @@ -2,12 +2,11 @@ import { cn } from "@/lib/utils"; import { Tab, tabs, useMediaPanelStore } from "./store"; -import { Button } from "@/components/ui/button"; -import { ChevronRight, ChevronLeft } from "lucide-react"; -import { useRef, useState, useEffect } from "react"; -import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip"; - - +import { + Tooltip, + TooltipContent, + TooltipTrigger, +} from "@/components/ui/tooltip"; export function TabBar() { const { activeTab, setActiveTab } = useMediaPanelStore(); @@ -21,7 +20,9 @@ export function TabBar() { <div className={cn( "flex z-[100] flex-col gap-0.5 items-center cursor-pointer", - activeTab === tabKey ? "text-primary !opacity-100" : "text-muted-foreground" + activeTab === tabKey + ? "text-primary !opacity-100" + : "text-muted-foreground" )} onClick={() => setActiveTab(tabKey)} key={tabKey} @@ -30,8 +31,15 @@ export function TabBar() { <TooltipTrigger asChild> <tab.icon className="size-[1.1rem]! opacity-100 hover:opacity-75" /> </TooltipTrigger> - <TooltipContent side="right" align="center" variant="sidebar" sideOffset={8}> - <div className="dark:text-base-gray-950 text-black text-sm font-medium leading-none dark:text-white">{tab.label}</div> + <TooltipContent + side="right" + align="center" + variant="sidebar" + sideOffset={8} + > + <div className="dark:text-base-gray-950 text-black text-sm font-medium leading-none dark:text-white"> + {tab.label} + </div> </TooltipContent> </Tooltip> </div> |