jmanczak/mnemosyne
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

mobile responsiveness

Browse Source
This commit is contained in:
jakubmanczak
2026-03-08 12:08:53 +01:00
parent e1578af68e
commit 8d18c858b3
5 changed files with 19 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/web/components/nav.rs
View File

@@ -15,17 +15,17 @@ const LINKS: &[(&str, &str, &str)] = &[
pub fn nav(user: Option<User>, uri: &str) -> Markup {
html!(
div class="flex items-center text-sm gap-4 border-b border-neutral-200/25 bg-neutral-200/5 px-4 py-2" {
a href="/dashboard" class="font-lora font-semibold text-xl mr-2" {"Mnemosyne"}
div class="w-px h-5 bg-neutral-200/15" {}
a href="/dashboard" class="font-lora font-semibold hidden xs:block md:text-xl sm:mr-2" {"Mnemosyne"}
div class="w-px h-5 bg-neutral-200/15 hidden sm:block" {}
div class="flex flex-row" {
@for link in LINKS {
a href={(link.1)} class="flex flex-row px-2 py-1 rounded items-center gap-2 hover:bg-neutral-200/5 border border-transparent hover:border-neutral-200/25" {
@if uri.starts_with(link.1) {
div class="scale-[.75] text-neutral-300" {(PreEscaped(link.2))}
span class="text-neutral-200 font-light" { (link.0) }
span class="text-neutral-200 font-light hidden lg:block" { (link.0) }
} @else {
div class="scale-[.75] text-neutral-500" {(PreEscaped(link.2))}
span class="text-neutral-400 font-light" { (link.0) }
span class="text-neutral-400 font-light hidden lg:block" { (link.0) }
}
}
}
@@ -35,13 +35,13 @@ pub fn nav(user: Option<User>, uri: &str) -> Markup {
@if let Some(u) = user {
a href="/dashboard" class=r#"ml-auto bg-neutral-200/5 font-lexend flex
flex-row items-center border border-neutral-200/25 gap-4 rounded px-2 py-1"# {
(u.handle)
span class="hidden sm:block"{(u.handle)}
div class="scale-[.75]" {(PreEscaped(icons::USER))}
}
} @else {
a href="/login" class=r#"ml-auto bg-neutral-200/5 font-lexend flex
flex-row items-center border border-neutral-200/25 gap-4 rounded px-2 py-1"# {
"Log in"
span class="hidden sm:block"{"Log in"}
div class="scale-[.75]" {(PreEscaped(icons::USER_KEY))}
}
}