info/developer-roadmap
1
0
Fork 0
mirror of https://github.com/kamranahmedse/developer-roadmap.git synced 2025-08-13 12:43:59 +02:00
Code Issues Releases Wiki Activity

Fix: active sidebar missing border

Browse Source
This commit is contained in:
Kamran Ahmed
2023-05-27 03:04:35 +01:00
parent c72658938f
commit fbdb7e77c3
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/AccountSidebar.astro
View File

@@ -27,7 +27,7 @@ const sidebarLinks = [
classes: 'h-4 w-4', classes: 'h-4 w-4',
} }
}, },
{ {
href: '/account/update-password', href: '/account/update-password',
title: 'Security', title: 'Security',
id: 'change-password', id: 'change-password',
@@ -79,8 +79,8 @@ const sidebarLinks = [
<li> <li>
<a <a
href={sidebarLink.href} href={sidebarLink.href}
class={`font-regular flex w-full items-center gap-2 px-2 py-1.5 text-sm border-r-2 border-r-transparent ${ class={`font-regular flex w-full items-center gap-2 px-2 py-1.5 text-sm border-r-2 ${
activePageId === sidebarLink.id ? 'text-black border-r-black bg-gray-100' : 'text-gray-500 hover:border-r-gray-300' activePageId === sidebarLink.id ? 'text-black border-r-black bg-gray-100' : 'text-gray-500 border-r-transparent hover:border-r-gray-300'
}`} }`}
> >
<AstroIcon icon={sidebarLink.icon.glyph} class={`${sidebarLink.icon.classes} mr-0`} /> <AstroIcon icon={sidebarLink.icon.glyph} class={`${sidebarLink.icon.classes} mr-0`} />