arthur/xtablo-source
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions 5

Fix colors in the navbar

Browse source
This commit is contained in:
Arthur Belleville 2025-10-18 14:31:26 +02:00
parent e2d4f3b56b
commit babf1c49af
No known key found for this signature in database
1 changed files with 8 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
ui/src/components/NavigationBar.tsx
View file

@ -215,8 +215,9 @@ export function UserMenuPopover({ isCollapsed }: { isCollapsed: boolean }) {
}
export const SideNavigation = ({ isMobileMenuOpen }: { isMobileMenuOpen: boolean }) => {
const [isCollapsed, setIsCollapsed] = useState(false);
const isCollapsable = !isMobileMenuOpen;
const [isCollapsed, setIsCollapsed] = useState(!isCollapsable);
return (
<nav
aria-label="Main navigation"
@ -362,10 +363,11 @@ export function MainNavigation({ isCollapsed }: { isCollapsed: boolean }) {
}
const { path, label, icon, isDisabled } = item;
const isActive = location.pathname === path;
return !isDisabled ? (
<li key={label}>
<NavLink isActive={location.pathname === path}>
<NavLink isActive={isActive}>
<RouterLink
to={path}
className="w-full"
@ -375,7 +377,8 @@ export function MainNavigation({ isCollapsed }: { isCollapsed: boolean }) {
{icon}
<TypographyLarge
className={twMerge(
"text-sm transition-all duration-300 font-normal text-gray-300/90",
"text-sm transition-all duration-300 font-normal",
isActive ? "text-white" : "text-gray-300/90",
isCollapsed ? "opacity-0 w-0 hidden" : "opacity-100"
)}
>
@ -423,7 +426,8 @@ export function MainNavigation({ isCollapsed }: { isCollapsed: boolean }) {
<SendIcon className="w-5 h-5" aria-hidden="true" />
<TypographyLarge
className={twMerge(
"text-sm transition-all duration-300 font-normal text-gray-300/90",
"text-sm transition-all duration-300 font-normal",
location.pathname === "/feedback" ? "text-white" : "text-gray-300/90",
isCollapsed ? "opacity-0 w-0 hidden" : "opacity-100"
)}
>