florian.richer/portfolio_leptos
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update nav

Browse source
This commit is contained in:
Florian RICHER 2024-01-12 23:09:34 +01:00
parent bd9f35c993
commit 7f2da56441
3 changed files with 32 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/app/components/nav.rs
View file

@ -5,11 +5,23 @@ use leptos_router::*;
pub fn Nav() -> impl IntoView {
let (mobile_menu, set_mobile_menu) = create_signal(false);
let mobile_burger = move || {
if mobile_menu() {
view! { <leptos_icons::Icon icon=icondata::IoClose /> }
} else {
view! { <leptos_icons::Icon icon=icondata::FiMenu /> }
}
};
view! {
<nav>
<A href="/" class="nav-home">Florian RICHER</A>
<div class="nav-main">
<A href="/" class="nav-home">Florian RICHER</A>
<span class="nav-mobile" on:click=move |_| set_mobile_menu(!mobile_menu())><leptos_icons::Icon icon=icondata::FiMenu/></span>
<span class="nav-mobile" on:click=move |_| set_mobile_menu(!mobile_menu())>
{mobile_burger}
</span>
</div>
<div class="nav-links" class:open=move || mobile_menu()>
<A href="/experience" class="nav-link">Mon parcours</A>
<A href="/posts" class="nav-link">Blog</A>

2
src/app/pages/posts.rs
View file

@ -132,7 +132,7 @@ pub fn PostList() -> impl IntoView {
let filter_view = move || {
tag().and_then(|tag| Some(view! {
<div class="mx-auto max-w-3xl mb-5">
Tag sélectionné : <A class="tag" href="/posts".to_string()>{tag}<leptos_icons::Icon icon=icondata::IoCloseOutline class="scale-125 ml-1 inline" /></A>
Tag sélectionné : <A class="tag" href="/posts".to_string()>{tag}<leptos_icons::Icon icon=icondata::IoClose class="scale-125 ml-1 inline" /></A>
</div>
}))
};