Toogether/Webapp
2
0
Fork 0
Code Issues Pull Requests Actions Releases Activity

feat: reposition ThemeSwitcher component in Header and enhance button styling

Browse Source
This commit is contained in:
Rémi 2025-01-02 20:26:05 +01:00
parent 482b43eaf4
commit 65cc556080
2 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/components/Header/index.tsx
View File

@ -35,7 +35,6 @@ export const Header = () => {
<Navbar className="mb-2"> <Navbar className="mb-2">
<NavbarBrand> <NavbarBrand>
<p className="font-bold text-inherit">Toogether</p> <p className="font-bold text-inherit">Toogether</p>
<ThemeSwitcher />
</NavbarBrand> </NavbarBrand>
<NavbarContent as="div" justify="end"> <NavbarContent as="div" justify="end">
<Dropdown placement="bottom-end"> <Dropdown placement="bottom-end">
@ -66,6 +65,7 @@ export const Header = () => {
</DropdownItem> </DropdownItem>
</DropdownMenu> </DropdownMenu>
</Dropdown> </Dropdown>
<ThemeSwitcher />
</NavbarContent> </NavbarContent>
</Navbar> </Navbar>
); );

2
src/app/components/ThemeSwitcher/ThemeSwitcher.tsx
View File

@ -14,7 +14,7 @@ export const ThemeSwitcher = () => {
return ( return (
<button <button
className={`fixed bottom-4 right-4 rounded-lg ${theme === "light" ? "bg-black" : "bg-white" className={`backdrop-blur-sm rounded-lg ${theme === "light" ? "bg-black/10" : "bg-white/10"
} p-2`} } p-2`}
onClick={() => setTheme(theme === "light" ? "dark" : "light")} onClick={() => setTheme(theme === "light" ? "dark" : "light")}
> >