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%;
}
.max-w-lg {
max-width: 32rem;
}
.max-w-md {
max-width: 28rem;
}

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

@ -7,25 +7,28 @@ use crate::Route;
pub fn Navbar() -> Element {
rsx! {
div {
class: "bg-base-200 min-h-16 flex items-center justify-around",
Link {
to: Route::Home {},
class: "btn btn-ghost flex-col flex-nowrap py-1 gap-1 font-normal h-max",
icons::Home {},
"Home"
},
Link {
to: Route::Home {},
class: "btn btn-ghost flex-col flex-nowrap py-1 gap-1 font-normal h-max",
icons::Newspaper {},
div { class: "font-normal", "Nieuws" }
},
Link {
to: Route::Home {},
class: "btn btn-ghost flex-col flex-nowrap py-1 gap-1 font-normal h-max",
icons::Calendar {},
span { class: "font-normal", "Agenda" }
},
class: "bg-base-200 min-h-16 flex justify-center",
div {
class: "flex items-center justify-around max-w-lg w-full",
Link {
to: Route::Home {},
class: "btn btn-ghost flex-col flex-nowrap py-1 gap-1 font-normal h-max",
icons::Home {},
"Home"
},
Link {
to: Route::Home {},
class: "btn btn-ghost flex-col flex-nowrap py-1 gap-1 font-normal h-max",
icons::Newspaper {},
div { class: "font-normal", "Nieuws" }
},
Link {
to: Route::Home {},
class: "btn btn-ghost flex-col flex-nowrap py-1 gap-1 font-normal h-max",
icons::Calendar {},
span { class: "font-normal", "Agenda" }
},
}
}
}
}