sam/Foxnouns.NET
sam/Foxnouns.NET
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 2 Wiki Activity Actions

format(frontend): change line width to 100

Browse source
This commit is contained in:
sam 2024-09-06 15:01:44 +02:00
parent fa71f3fb23
commit acc54a55bc
Signed by: sam
GPG key ID: B4EF20DDE721CAA1
9 changed files with 43 additions and 84 deletions
Download patch file Download diff file Expand all files Collapse all files

5
Foxnouns.Frontend/app/components/nav/Logo.tsx
View file

@ -13,10 +13,7 @@ export default function Logo() {
</clipPath>
</defs>
<g transform="translate(-49.754 -142.39)">
<g
transform="matrix(.33073 0 0 -.33073 50.093 154.62)"
clipPath="url(#clipPath16)"
>
<g transform="matrix(.33073 0 0 -.33073 50.093 154.62)" clipPath="url(#clipPath16)">
<path
d="m35.347 20.107-8.899 3.294-3.323 10.891c-0.128 0.42-0.516 0.708-0.956 0.708-0.439 0-0.828-0.288-0.956-0.708l-3.322-10.891-8.9-3.294c-0.393-0.146-0.653-0.52-0.653-0.938s0.26-0.793 0.653-0.937l8.896-3.293 3.323-11.223c0.126-0.425 0.516-0.716 0.959-0.716s0.833 0.291 0.959 0.716l3.324 11.223 8.896 3.293c0.392 0.144 0.652 0.519 0.652 0.937s-0.26 0.792-0.653 0.938"
fill="#aa8ed6"

59
Foxnouns.Frontend/app/components/nav/Navbar.tsx
View file

@ -6,11 +6,7 @@ import Logo from "./Logo";
import Nav from "react-bootstrap/Nav";
import Navbar from "react-bootstrap/Navbar";
import NavDropdown from "react-bootstrap/NavDropdown";
import {
BrightnessHigh,
BrightnessHighFill,
MoonFill,
} from "react-bootstrap-icons";
import { BrightnessHigh, BrightnessHighFill, MoonFill } from "react-bootstrap-icons";
export default function MainNavbar({
user,
@ -48,40 +44,39 @@ export default function MainNavbar({
? MoonFill
: BrightnessHighFill;
const theme = settings.dark_mode ? "dark" : "light";
return (
<Navbar expand="lg" className="mb-4 mx-2">
<Navbar expand="lg" className={`mb-4 mx-2 bg-${theme}`} color={theme} variant={theme}>
<Navbar.Brand to="/" as={Link}>
<Logo />
</Navbar.Brand>
<Navbar.Toggle aria-controls="main-navbar" />
<Navbar.Collapse id="main-navbar">
<Nav className="ms-auto">{userMenu}</Nav>
<Nav className="ms-auto">
{userMenu}
<fetcher.Form method="POST" action="/dark-mode">
<NavDropdown
title={
<>
<ThemeIcon /> Theme
</>
}
align="end"
>
<NavDropdown.Item as="button" name="theme" value="auto" type="submit">
Automatic
</NavDropdown.Item>
<NavDropdown.Item as="button" name="theme" value="dark" type="submit">
Dark mode
</NavDropdown.Item>
<NavDropdown.Item as="button" name="theme" value="light" type="submit">
Light mode
</NavDropdown.Item>
</NavDropdown>
</fetcher.Form>
</Nav>
</Navbar.Collapse>
<fetcher.Form method="POST" action="/dark-mode">
<NavDropdown
title={
<>
<ThemeIcon /> Theme
</>
}
align="end"
>
<NavDropdown.Item as="button" name="theme" value="auto" type="submit">
Automatic
</NavDropdown.Item>
<NavDropdown.Item as="button" name="theme" value="dark" type="submit">
Dark mode
</NavDropdown.Item>
<NavDropdown.Item
as="button"
name="theme"
value="light"
type="submit"
>
Light mode
</NavDropdown.Item>
</NavDropdown>
</fetcher.Form>
</Navbar>
);
}