xeovalyte/wrbapp
1
0
Fork 0
Code Issues 10 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

Responsive navbar for desktop

Browse Source
This commit is contained in:
xeovalyte 2024-07-23 20:50:37 +02:00
parent 0f0aff81f4
commit 334a893a85
Signed by: xeovalyte
SSH Key Fingerprint: SHA256:kSQDrQDmKzljJzfGYcd3m9RqHi4h8rSwkZ3sQ9kBURo
2 changed files with 26 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
assets/tailwind.css
View File

@ -2053,6 +2053,10 @@ html {
width: 100%; width: 100%;
} }
.max-w-lg {
max-width: 32rem;
}
.max-w-md { .max-w-md {
max-width: 28rem; max-width: 28rem;
} }

5
src/components/layout/navbar.rs
View File

@ -7,7 +7,9 @@ use crate::Route;
pub fn Navbar() -> Element { pub fn Navbar() -> Element {
rsx! { rsx! {
div { div {
class: "bg-base-200 min-h-16 flex items-center justify-around", class: "bg-base-200 min-h-16 flex justify-center",
div {
class: "flex items-center justify-around max-w-lg w-full",
Link { Link {
to: Route::Home {}, to: Route::Home {},
class: "btn btn-ghost flex-col flex-nowrap py-1 gap-1 font-normal h-max", class: "btn btn-ghost flex-col flex-nowrap py-1 gap-1 font-normal h-max",
@ -29,3 +31,4 @@ pub fn Navbar() -> Element {
} }
} }
} }
}