AaronPo/the-biergarten-app
1
0
Fork 0
mirror of https://github.com/aaronpo97/the-biergarten-app.git synced 2026-02-16 20:13:49 +00:00
Code Issues Packages Projects 1 Releases Wiki Activity

Style updates

Browse Source
This commit is contained in:
Aaron William Po
2023-04-21 23:32:18 -04:00
parent 2dfb080d0c
commit 6a00532f75
22 changed files with 360 additions and 314 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
src/components/ui/Navbar.tsx
View File

@@ -86,28 +86,34 @@ const Navbar = () => {
<span className="cursor-pointer text-lg font-bold">The Biergarten App</span>
</Link>
</div>
<div>
<div>{isDesktopView ? <DesktopLinks /> : <MobileLinks />}</div>{' '}
{theme === 'light' ? (
<button
className="btn-ghost btn-md btn-circle btn"
data-set-theme="dark"
data-act-class="ACTIVECLASS"
onClick={() => setTheme('dark')}
>
<MdLightMode className="text-xl" />
</button>
) : (
<button
className="btn-ghost btn-md btn-circle btn"
data-set-theme="light"
data-act-class="ACTIVECLASS"
onClick={() => setTheme('light')}
>
<MdDarkMode className="text-xl" />
</button>
)}
<div
className="tooltip tooltip-left"
data-tip={theme === 'light' ? 'Switch to dark mode' : 'Switch to light mode'}
>
<div>
{theme === 'light' ? (
<button
className="btn-ghost btn-md btn-circle btn"
data-set-theme="dark"
data-act-class="ACTIVECLASS"
onClick={() => setTheme('dark')}
>
<MdLightMode className="text-xl" />
</button>
) : (
<button
className="btn-ghost btn-md btn-circle btn"
data-set-theme="light"
data-act-class="ACTIVECLASS"
onClick={() => setTheme('light')}
>
<MdDarkMode className="text-xl" />
</button>
)}
</div>
</div>
<div>{isDesktopView ? <DesktopLinks /> : <MobileLinks />}</div>
</nav>
);
};