refactor(gh-pages): home page

This commit is contained in:
luoxiao 2023-10-05 12:23:15 +08:00
parent 5db0b60d6c
commit 967d09deaa
2 changed files with 18 additions and 9 deletions

View file

@ -1,8 +1,11 @@
body {
margin: 0;
font-family: Inter, ui-sans-serif, system-ui, -apple-system,
BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans,
sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol,
"Noto Color Emoji";
}
.components-page-box {
display: flex;
}
@ -13,4 +16,4 @@ body {
.components-page-box main {
flex: 1;
}
}

View file

@ -1,4 +1,3 @@
use crate::components::*;
use leptos::*;
use leptos_router::{use_navigate, use_query_map};
use melt_ui::*;
@ -11,17 +10,24 @@ pub fn Home() -> impl IntoView {
navigate(path, Default::default());
}
view! {
<Layout position=LayoutPosition::ABSOLUTE>
<SiteHeader />
<Layout position=LayoutPosition::ABSOLUTE style="top: 54px; display: flex; align-items: center; justify-content: center; flex-direction: column;">
<p>"A Leptos UI Library"</p>
<Button on:click=move |_| {
<Layout position=LayoutPosition::ABSOLUTE style="display: flex; align-items: center; justify-content: center; flex-direction: column;">
<h1 style="font-size: 80px; line-height: 1;margin: 0 0 18px;">
"Melt UI"
</h1>
<p>"An easy to use leptos component library"</p>
<Space>
<Button on_click=move |_| {
let navigate = use_navigate();
navigate("/components/menu", Default::default());
}>
"Read the docs"
</Button>
</Layout>
<Button type_=ButtonType::TEXT on:click=move |_| {
_ = window().open_with_url("http://github.com/luoxiaozero/melt-ui");
}>
"Github"
</Button>
</Space>
</Layout>
}
}