public/yew-template
Template
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

cargo fmt and some minor formatting

Browse Source
This commit is contained in:
guochao
2024-10-16 17:49:02 +08:00
parent d0cc4f33a6
commit c25c63517a
9 changed files with 56 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/frontend/components/nav.rs
View File

@ -1,6 +1,6 @@
use crate::app::Route;
use yew::{classes, function_component, html, use_state_eq, Callback, Html, MouseEvent};
use yew_router::{components::Link, hooks::use_location, Routable};
use crate::app::Route;
#[function_component(Nav)]
pub fn nav_bar() -> Html {
@ -8,7 +8,20 @@ pub fn nav_bar() -> Html {
let show_dropdown_handle = show_dropdown.clone();
let mut dropdown_classes = vec![
"absolute", "right-0", "z-10", "mt-2", "w-48", "origin-top-right", "rounded-md", "bg-white", "py-1", "shadow-lg", "ring-1", "ring-black", "ring-opacity-5", "focus:outline-none"
"absolute",
"right-0",
"z-10",
"mt-2",
"w-48",
"origin-top-right",
"rounded-md",
"bg-white",
"py-1",
"shadow-lg",
"ring-1",
"ring-black",
"ring-opacity-5",
"focus:outline-none",
];
if !*show_dropdown {
dropdown_classes.push("hidden");
@ -23,8 +36,9 @@ pub fn nav_bar() -> Html {
show_dropdown_handle.set(false);
});
let show_mobile_menu = use_state_eq(||false);
let (mut mobile_icon, mut mobile_icon_expanded) = (vec!["h-6", "w-6", "block"], vec!["h-6", "w-6", "hidden"]);
let show_mobile_menu = use_state_eq(|| false);
let (mut mobile_icon, mut mobile_icon_expanded) =
(vec!["h-6", "w-6", "block"], vec!["h-6", "w-6", "hidden"]);
let mut mobile_menu_classes = vec!["sm:hidden"];
if *show_mobile_menu {
(mobile_icon, mobile_icon_expanded) = (mobile_icon_expanded, mobile_icon);
@ -32,7 +46,7 @@ pub fn nav_bar() -> Html {
mobile_menu_classes.push("hidden");
}
let show_mobile_menu_handler = show_mobile_menu.clone();
let mobile_menu_toggler = Callback::from(move |_:MouseEvent| {
let mobile_menu_toggler = Callback::from(move |_: MouseEvent| {
show_mobile_menu_handler.set(!*show_mobile_menu_handler);
});
@ -67,7 +81,6 @@ pub fn nav_bar() -> Html {
<Link<Route> classes={classes!(mobile_classes)} to={route.clone()}>{ title }</Link<Route>>
});
}
html! {
<nav class="bg-gray-800">