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

Styling

Browse source
This commit is contained in:
Imbus 2023-11-13 12:29:45 +01:00
parent 2190833c65
commit 46cfedb963
2 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -18,7 +18,7 @@ function MenuItem(props: { href: string; children: JSXElement }): JSXElement {
function Menu(): JSXElement { function Menu(): JSXElement {
const login_ctx = useContext(LoginContext); const login_ctx = useContext(LoginContext);
return ( return (
<ul class="menu md:menu-horizontal rounded-box"> <ul class="menu md:menu-horizontal space-y-2 md:space-x-2 md:space-y-0 rounded-box">
<MenuItem href="/">Home</MenuItem> <MenuItem href="/">Home</MenuItem>
{login_ctx?.token() != "" && <MenuItem href="/new">New Post</MenuItem>} {login_ctx?.token() != "" && <MenuItem href="/new">New Post</MenuItem>}
</ul> </ul>
@ -54,7 +54,7 @@ export function Navbar(): JSXElement {
}; };
return ( return (
<div class="navbar text-neutral-content max-w-3xl max-w rounded-box my-4"> <div class="navbar text-neutral-content max-w-3xl max-w rounded-box md:my-4">
<div class="flex-1"> <div class="flex-1">
<A href={"/"} class="btn btn-ghost normal-case text-xl"> <A href={"/"} class="btn btn-ghost normal-case text-xl">
FrostByte FrostByte

2
client-solid/src/Root.tsx
View file

@ -44,7 +44,7 @@ function Root(): JSXElement {
<div class="flex flex-col items-center"> <div class="flex flex-col items-center">
<Navbar /> <Navbar />
<LoginModal /> <LoginModal />
<div class="flex flex-col items-center w-full md:w-96 px-2 space-y-2"> <div class="flex flex-col items-center w-full md:max-w-3xl px-2 space-y-2">
<Primary /> <Primary />
</div> </div>
</div> </div>