Sidebar Highlight Fix

This commit is contained in:
headlessdev 2025-05-31 16:48:45 +02:00
parent 7f98261f7b
commit 2e73acdeba

View File

@ -104,7 +104,7 @@ export default function Sidebar({ children, username, fullName, breadcrumbPath }
<li className="w-full"> <li className="w-full">
<Link <Link
href="/dashboard/sites" href="/dashboard/sites"
className={`flex items-center w-full justify-start px-3 py-2 ${pathname === '/dashboard/sites' ? 'bg-primary/20 text-primary font-medium' : ''}`} className={`flex items-center w-full justify-start px-3 py-2 ${pathname.startsWith('/dashboard/sites') ? 'bg-primary/20 text-primary font-medium' : ''}`}
> >
<Globe size={18} /> <Globe size={18} />
<span>Sites</span> <span>Sites</span>
@ -113,7 +113,7 @@ export default function Sidebar({ children, username, fullName, breadcrumbPath }
<li className="w-full"> <li className="w-full">
<Link <Link
href="/dashboard/servers" href="/dashboard/servers"
className={`flex items-center w-full justify-start px-3 py-2 ${pathname === '/dashboard/servers' ? 'bg-primary/20 text-primary font-medium' : ''}`} className={`flex items-center w-full justify-start px-3 py-2 ${pathname.startsWith('/dashboard/servers') ? 'bg-primary/20 text-primary font-medium' : ''}`}
> >
<Server size={18} /> <Server size={18} />
<span>Servers</span> <span>Servers</span>
@ -122,7 +122,7 @@ export default function Sidebar({ children, username, fullName, breadcrumbPath }
<li className="w-full"> <li className="w-full">
<Link <Link
href="/dashboard/applications" href="/dashboard/applications"
className={`flex items-center w-full justify-start px-3 py-2 ${pathname === '/dashboard/applications' ? 'bg-primary/20 text-primary font-medium' : ''}`} className={`flex items-center w-full justify-start px-3 py-2 ${pathname.startsWith('/dashboard/applications') ? 'bg-primary/20 text-primary font-medium' : ''}`}
> >
<Layout size={18} /> <Layout size={18} />
<span>Applications</span> <span>Applications</span>
@ -131,7 +131,7 @@ export default function Sidebar({ children, username, fullName, breadcrumbPath }
<li className="w-full"> <li className="w-full">
<Link <Link
href="/dashboard/uptime" href="/dashboard/uptime"
className={`flex items-center w-full justify-start px-3 py-2 ${pathname === '/dashboard/uptime' ? 'bg-primary/20 text-primary font-medium' : ''}`} className={`flex items-center w-full justify-start px-3 py-2 ${pathname.startsWith('/dashboard/uptime') ? 'bg-primary/20 text-primary font-medium' : ''}`}
> >
<Clock size={18} /> <Clock size={18} />
<span>Uptime Pages</span> <span>Uptime Pages</span>
@ -144,7 +144,7 @@ export default function Sidebar({ children, username, fullName, breadcrumbPath }
<li className="w-full"> <li className="w-full">
<Link <Link
href="/dashboard/maintenance" href="/dashboard/maintenance"
className={`flex items-center w-full justify-start px-3 py-2 ${pathname === '/dashboard/maintenance' ? 'bg-primary/20 text-primary font-medium' : ''}`} className={`flex items-center w-full justify-start px-3 py-2 ${pathname.startsWith('/dashboard/maintenance') ? 'bg-primary/20 text-primary font-medium' : ''}`}
> >
<Tool size={18} /> <Tool size={18} />
<span>Maintenance</span> <span>Maintenance</span>
@ -153,7 +153,7 @@ export default function Sidebar({ children, username, fullName, breadcrumbPath }
<li className="w-full"> <li className="w-full">
<Link <Link
href="/dashboard/settings" href="/dashboard/settings"
className={`flex items-center w-full justify-start px-3 py-2 ${pathname === '/dashboard/settings' ? 'bg-primary/20 text-primary font-medium' : ''}`} className={`flex items-center w-full justify-start px-3 py-2 ${pathname.startsWith('/dashboard/settings') ? 'bg-primary/20 text-primary font-medium' : ''}`}
> >
<Settings size={18} /> <Settings size={18} />
<span>Settings</span> <span>Settings</span>