maq/osintbuddy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix flash on sidebar navigate

Browse Source 
layouts.css and AppLayoutSidebar.tsx
This commit is contained in:
jerlendds
2024-01-03 22:14:15 -07:00
parent 43bb3a5a28
commit 2308efbff6
2 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
frontend/src/assets/styles/layouts.css
View File

@@ -3,7 +3,10 @@
}
.sidebar-link.active {
@apply hover:translate-x-px shadow translate-x-px text-slate-300/80 ring-1 ring-primary-300/80 border-primary-300/80 ring-inset from-mirage-300/20 to-mirage-300/10 bg-gradient-to-tl from-10% hover:from-mirage-300/20 hover:to-mirage-300/10 hover:bg-gradient-to-tl focus:from-mirage-300/20 focus:to-mirage-300/10;
@apply hover:translate-x-px shadow translate-x-px ring-1 ring-primary-300/80 border-primary-300/80 ring-inset from-mirage-300/20 to-mirage-300/10 bg-gradient-to-tl from-10% hover:from-mirage-300/20 hover:to-mirage-300/10 hover:bg-gradient-to-tl focus:from-mirage-300/20 focus:to-mirage-300/10;
}
.sidebar-link.active span {
@apply text-slate-300/80
}
.sidebar-link.active button {

2
frontend/src/components/AppLayoutSidebar.tsx
View File

@@ -67,7 +67,7 @@ export default function AppLayoutSidebar({ showSidebar, toggleSidebar, setShowIn
: "translate-x-[12.75rem] "
)}
/>
{item.name}
<span>{item.name}</span>
</NavLink>
))}
<NavLink