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

Add theme switcher to navigation bar + css

Browse source
This commit is contained in:
Arthur Belleville 2025-04-06 20:11:17 +02:00
parent 97a9c24ebc
commit daece4521b
No known key found for this signature in database
1 changed files with 3 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -39,6 +39,7 @@ import {
} from "../ui-library/icons";
import { useState, useRef } from "react";
import logo from "../assets/icon.jpg";
import { ThemeSwitcher } from "./ThemeSwitcher";
type NavLinkItem = {
isActive?: boolean;
@ -234,7 +235,7 @@ export const SideNavigation = ({
<img
src={logo}
alt="Logo XTablo"
className={twMerge(isCollapsed ? "w-8 h-8" : "w-15 h-15")}
className={twMerge(isCollapsed ? "w-8 h-8" : "w-18 h-18")}
/>
<h1
className={twMerge(
@ -266,7 +267,7 @@ export const SideNavigation = ({
)}
</div>
<MainNavigation isCollapsed={isCollapsed} />
<ThemeSwitcher />
<div className="bg-gray-200 dark:bg-gray-900 sticky bottom-0 left-0 flex px-2 py-3">
<ControlledOpenState isCollapsed={isCollapsed} />
</div>