Imbus/FrostByte
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Css related fixes for centering navbar

Browse source
This commit is contained in:
Imbus 2023-11-05 19:31:52 +01:00
parent 867eb24d5d
commit 075a684ee3
1 changed files with 28 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
client-solid/src/Navbar.tsx
View file

@ -31,9 +31,16 @@ export function Navbar() {
let login_ctx = useContext(LoginContext); let login_ctx = useContext(LoginContext);
return ( return (
<div class="navbar bg-base-100 max-w-3xl max-w flex justify-around"> <div class="navbar bg-base-100 max-w-3xl max-w flex">
<A href={"/"} class="btn btn-ghost normal-case text-xl">FrostByte</A> <div class="flex-1">
<A href={"/"} class="btn btn-ghost normal-case text-xl">
FrostByte
</A>
</div>
<div class="">
<Menu /> <Menu />
</div>
<div class="flex-1 justify-end">
<A <A
href="#" href="#"
class="btn btn-ghost normal-case text-sm" class="btn btn-ghost normal-case text-sm"
@ -52,6 +59,7 @@ export function Navbar() {
{login_ctx?.token() != "" ? login_ctx?.username() : "Login"} {login_ctx?.token() != "" ? login_ctx?.username() : "Login"}
</A> </A>
</div> </div>
</div>
); );
} }