diff options
| author | Benedikt Peetz <benedikt.peetz@b-peetz.de> | 2025-09-26 20:15:48 +0200 |
|---|---|---|
| committer | Benedikt Peetz <benedikt.peetz@b-peetz.de> | 2025-09-26 20:15:48 +0200 |
| commit | fd832ce7a3660bd81b5476477ecdc2bc822df5c2 (patch) | |
| tree | 245ebcd20b3def57f46e7d28b3f4e551644a1afc /src/components/side_header.rs | |
| parent | chore: Initial Commit (diff) | |
| download | web-client-fd832ce7a3660bd81b5476477ecdc2bc822df5c2.zip | |
chore: Second version
Diffstat (limited to '')
| -rw-r--r-- | src/components/side_header.rs | 22 |
1 files changed, 22 insertions, 0 deletions
diff --git a/src/components/side_header.rs b/src/components/side_header.rs new file mode 100644 index 0000000..9cd6777 --- /dev/null +++ b/src/components/side_header.rs @@ -0,0 +1,22 @@ +use leptos::prelude::{AddAnyAttr, ElementChild, IntoView, StyleAttribute, component, view}; +use leptos_router::{NavigateOptions, hooks::use_navigate}; +use thaw::{Flex, FlexJustify, LayoutHeader}; + +#[component] +pub fn SiteHeader() -> impl IntoView { + let navigate = use_navigate(); + + view! { + <LayoutHeader + attr:style="padding: 20px;" + on:click=move |_| { + navigate("/", NavigateOptions::default()); + } + > + <Flex justify=FlexJustify::SpaceAround> + <img src="/logo.svg" style="width: 36px" /> + <h3>"Rocie"</h3> + </Flex> + </LayoutHeader> + } +} |
