poyrazavsever/neta
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: implement responsive dashboard shell with integrated sidebar and user profile management

Browse Source
This commit is contained in:
Poyraz Avsever
2026-05-08 11:52:32 +03:00
parent 0233122b6d
commit a08042bf83
1 changed files with 19 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/layout/dashboard-shell.tsx
+16 -15
View File
@@ -121,18 +121,13 @@ function SidebarPanel({
return (
<aside className="flex h-full flex-col overflow-hidden">
{/* Header / Logo */}
<div className="pt-8 pb-4 flex justify-center">
<Link href="/" className="relative flex items-center justify-center" onClick={onNavigate}>
<Image
src="/logo/logo.png"
alt="Cognis Logo"
width={48}
height={48}
className="object-contain transition-transform hover:scale-105"
priority
/>
<Link
href="/"
className="relative font-bold text-xl text-left py-4 pl-6 text-foreground"
onClick={onNavigate}
>
Hoş Geldin
</Link>
</div>
{/* Main Navigation Links */}
<nav className="flex-1 space-y-4 px-3 overflow-y-auto tiny-scrollbar mt-4 pb-4">
@@ -147,7 +142,8 @@ function SidebarPanel({
route.href === "/"
? pathname === "/"
: route.href
? pathname === route.href || pathname.startsWith(route.href + "/")
? pathname === route.href ||
pathname.startsWith(route.href + "/")
: false;
return (
@@ -169,7 +165,9 @@ function SidebarPanel({
<route.icon
className={cn(
"h-[18px] w-[18px] shrink-0 transition-colors",
isActive ? "text-primary-foreground" : "text-muted-foreground/70",
isActive
? "text-primary-foreground"
: "text-muted-foreground/70",
)}
strokeWidth={isActive ? 2.5 : 2}
/>
@@ -194,10 +192,13 @@ function SidebarPanel({
"flex items-center gap-3 rounded-lg px-3 py-2.5 transition-all duration-300 w-full",
pathname.startsWith("/settings")
? "bg-primary/20 border border-primary/30 shadow-[0_0_15px_rgba(108,91,176,0.15)] text-foreground font-medium"
: "text-muted-foreground hover:text-foreground hover:bg-white/5 border border-transparent"
: "text-muted-foreground hover:text-foreground hover:bg-white/5 border border-transparent",
)}
>
<Settings2 className="h-[18px] w-[18px] shrink-0" strokeWidth={pathname.startsWith("/settings") ? 2.5 : 2} />
<Settings2
className="h-[18px] w-[18px] shrink-0"
strokeWidth={pathname.startsWith("/settings") ? 2.5 : 2}
/>
<span className="text-[14px]">Ayarlar</span>
</Link>
</div>