ondra/ironmount
1
1
Fork 0
mirror of https://github.com/nicotsx/ironmount.git synced 2025-12-10 12:10:51 +01:00
Code Issues Packages Projects Releases 1 Wiki Activity

style: logo header

Browse Source
This commit is contained in:
Nicolas Meienberger
2025-10-22 22:16:29 +02:00
parent a927411c0d
commit 9d10e48da6
5 changed files with 24 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
apps/client/app/components/app-sidebar.tsx
View File

@@ -1,10 +1,11 @@
import { Database, HardDrive } from "lucide-react";
import { NavLink } from "react-router";
import { Database, HardDrive, Mountain } from "lucide-react";
import { Link, NavLink } from "react-router";
import {
Sidebar,
SidebarContent,
SidebarGroup,
SidebarGroupContent,
SidebarHeader,
SidebarMenu,
SidebarMenuButton,
SidebarMenuItem,
@@ -31,7 +32,19 @@ export function AppSidebar() {
return (
<Sidebar variant="inset" collapsible="icon" className="p-0">
<div className="bg-card-header border-b border-border/50 hidden md:inline-block" style={{ height: 65 }}></div>
<SidebarHeader className="bg-card-header border-b border-border/50 hidden md:flex h-[65px] flex-row items-center p-4">
<Link to="/volumes" className="flex items-center gap-3 font-semibold">
<Mountain className="size-5 text-strong-accent ml-[6px]" />
<span
className={cn(
"text-base transition-opacity duration-200",
state === "collapsed" && "opacity-0 w-0 overflow-hidden",
)}
>
Ironmount
</span>
</Link>
</SidebarHeader>
<SidebarContent className="p-2 border-r">
<SidebarGroup>
<SidebarGroupContent>