From f1cb2092175aeaa874226bea6ccbff1dd3201574 Mon Sep 17 00:00:00 2001
From: xeovalyte <me+gitea@xeovalyte.dev>
Date: Tue, 4 Jun 2024 20:04:37 +0200
Subject: [PATCH] Fixed header

---
 assets/tailwind.css             | 45 +++++++++++++++++++++++++++++++++
 src/components/layout/navbar.rs |  2 +-
 2 files changed, 46 insertions(+), 1 deletion(-)

diff --git a/assets/tailwind.css b/assets/tailwind.css
index 0b95b6e..547056a 100644
--- a/assets/tailwind.css
+++ b/assets/tailwind.css
@@ -1066,6 +1066,12 @@ html {
   margin-inline-end: -1rem;
 }
 
+.input-sm[type="number"]::-webkit-inner-spin-button {
+  margin-top: 0px;
+  margin-bottom: 0px;
+  margin-inline-end: -0px;
+}
+
 .link {
   cursor: pointer;
   text-decoration-line: underline;
@@ -1141,6 +1147,11 @@ html {
   align-items: center;
 }
 
+.navbar-end {
+  width: 50%;
+  justify-content: flex-end;
+}
+
 .tabs {
   display: grid;
   align-items: flex-end;
@@ -1799,6 +1810,35 @@ input.tab:checked + .tab-content,
   }
 }
 
+.btn-sm {
+  height: 2rem;
+  min-height: 2rem;
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+  font-size: 0.875rem;
+}
+
+.btn-square:where(.btn-sm) {
+  height: 2rem;
+  width: 2rem;
+  padding: 0px;
+}
+
+.btn-circle:where(.btn-sm) {
+  height: 2rem;
+  width: 2rem;
+  border-radius: 9999px;
+  padding: 0px;
+}
+
+.input-sm {
+  height: 2rem;
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+  font-size: 0.875rem;
+  line-height: 2rem;
+}
+
 .menu-horizontal {
   display: inline-flex;
   flex-direction: row;
@@ -1928,6 +1968,11 @@ input.tab:checked + .tab-content,
   padding-bottom: 1.5rem;
 }
 
+.py-1 {
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+}
+
 .pt-40 {
   padding-top: 10rem;
 }
diff --git a/src/components/layout/navbar.rs b/src/components/layout/navbar.rs
index 6877f76..3cf4fec 100644
--- a/src/components/layout/navbar.rs
+++ b/src/components/layout/navbar.rs
@@ -12,7 +12,7 @@ pub fn Navbar() -> Element {
             div {
                 class: "flex-none",
                 ul {
-                    class: "menu menu-horizontal px-1",
+                    class: "px-1 py-1",
                     li { a { class: "btn btn-primary", href: "/auth", "Sign In" } },
                 }
             }