adam/thaw
1
0
Fork 0
mirror of https://github.com/adoyle0/thaw.git synced 2025-01-22 22:09:22 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat(demo): logo

Browse source
This commit is contained in:
luoxiao 2023-11-02 21:29:45 +08:00
parent 8d9182e45c
commit bde1af3b5c
5 changed files with 35 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
README.md
View file

@ -1,8 +1,8 @@
<p style="text-align: center" >
<img src="https://raw.githubusercontent.com/luoxiaozero/melt-ui/main/logo.svg" alt="Melt Logo" style="width: 160px"/>
<p align="center" >
<img src="https://raw.githubusercontent.com/luoxiaozero/melt-ui/main/logo.svg" alt="Melt Logo" width="160px"/>
</p>
<h1 style="text-align: center">Melt UI</h1>
<p style="text-align: center">An easy to use leptos component library</p>
<h1 align="center">Melt UI</h1>
<p align="center">An easy to use leptos component library</p>
**The 0.0.x release does not consider API compatibility at this time**

29
demo/index.html
View file

@ -1,14 +1,19 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Melt UI</title>
<link data-trunk rel="css" href="./src/assets/css/index.css" />
<link data-trunk rel="copy-file" href="./src/assets/svg/grid_dot.svg">
</head>
<body>
</body>
</html>
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Melt UI</title>
<link
rel="shortcut icon"
href="/melt-ui/favicon.ico"
type="image/x-icon"
/>
<link data-trunk rel="css" href="./src/assets/css/index.css" />
<link data-trunk rel="copy-file" href="./src/assets/svg/grid_dot.svg" />
<link data-trunk rel="copy-file" href="./src/assets/favicon.ico" />
<link data-trunk rel="copy-file" href="../logo.svg" />
</head>
<body></body>
</html>

BIN
demo/src/assets/favicon.ico Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 23 KiB

23
demo/src/components/site_header.rs
View file

@ -23,21 +23,24 @@ pub fn SiteHeader() -> impl IntoView {
};
let style = create_memo(move |_| {
theme.with(|theme| {
format!("height: 54px; display: flex; align-items: center; justify-content: space-between; padding: 0 20px; border-bottom: 1px solid {}", theme.common.border_color)
format!("height: 64px; display: flex; align-items: center; justify-content: space-between; padding: 0 20px; border-bottom: 1px solid {}", theme.common.border_color)
})
});
view! {
<LayoutHeader style>
<span
style="cursor: pointer"
on:click=move |_| {
let navigate = use_navigate();
navigate("/", Default::default());
}
>
<Space>
<img src="/melt-ui/logo.svg" style="width: 36px"/>
<div
style="cursor: pointer; display: flex; align-items: center; height: 100%; font-weight: 600; font-size: 20px"
on:click=move |_| {
let navigate = use_navigate();
navigate("/", Default::default());
}
>
"Melt UI"
</span>
"Melt UI"
</div>
</Space>
<Space>
<Button
variant=ButtonVariant::Text

2
demo/src/pages/components.rs
View file

@ -27,7 +27,7 @@ pub fn ComponentsPage() -> impl IntoView {
view! {
<Layout position=LayoutPosition::Absolute>
<SiteHeader/>
<Layout has_sider=true position=LayoutPosition::Absolute style="top: 54px;">
<Layout has_sider=true position=LayoutPosition::Absolute style="top: 64px;">
<LayoutSider>
<Menu value=selected>
{