From 37ff3da023fb1bf6628f2ac6b57befe5ac964611 Mon Sep 17 00:00:00 2001
From: Imbus <imbus64@protonmail.com>
Date: Mon, 6 Nov 2023 00:24:27 +0100
Subject: [PATCH] Css experimentation
---
client-solid/src/Login.tsx | 4 ++--
client-solid/src/Navbar.tsx | 11 +++++------
2 files changed, 7 insertions(+), 8 deletions(-)
diff --git a/client-solid/src/Login.tsx b/client-solid/src/Login.tsx
index 1af585c..78bc336 100644
--- a/client-solid/src/Login.tsx
+++ b/client-solid/src/Login.tsx
@@ -4,8 +4,8 @@ import { LoginContext, ModalContext } from "./Root";
export function LoginForm() {
const modal_ctx = useContext(ModalContext);
const login_ctx = useContext(LoginContext);
- const [username, setUsername] = createSignal("");
- const [password, setPassword] = createSignal("");
+ const [username, setUsername] = createSignal<string>("");
+ const [password, setPassword] = createSignal<string>("");
const [waiting, setWaiting] = createSignal(false);
const [error, setError] = createSignal(false);
diff --git a/client-solid/src/Navbar.tsx b/client-solid/src/Navbar.tsx
index 2f68d1f..832165d 100644
--- a/client-solid/src/Navbar.tsx
+++ b/client-solid/src/Navbar.tsx
@@ -7,7 +7,7 @@ import { LoginForm } from "./Login";
function Menu() {
let login_ctx = useContext(LoginContext);
return (
- <ul class="menu menu-horizontal bg-base-200 rounded-box space-x-2">
+ <ul class="menu menu-horizontal bg-base-100 rounded-box space-x-2">
<li>
<A href="/" end>
Home
@@ -31,21 +31,20 @@ export function Navbar() {
let login_ctx = useContext(LoginContext);
return (
- <div class="navbar bg-base-100 max-w-3xl max-w flex">
+ <div class="navbar text-neutral-content max-w-3xl max-w">
<div class="flex-1">
<A href={"/"} class="btn btn-ghost normal-case text-xl">
FrostByte
</A>
</div>
- <div class="">
+ <div class="hidden md:flex">
<Menu />
</div>
- <div class="flex-1 justify-end">
+ <div class="flex-1 justify-end hidden md:flex">
<A
href="#"
class="btn btn-ghost normal-case text-sm"
- onClick={(b) => {
- b.preventDefault();
+ onClick={() => {
if (login_ctx?.token() != "") {
localStorage.setItem("token", "");
localStorage.setItem("username", "");