adam/doordesk-rs
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

less intrusive loading indicator

Browse source
This commit is contained in:
Adam 2024-07-15 04:05:22 -04:00
parent 8a439026d3
commit 1883bce988
1 changed files with 18 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
app/src/components/ui/skeletons.rs
View file

@ -1,16 +1,27 @@
use leptos::*;
use crate::components::ui::containers::*; use crate::components::ui::containers::*;
use leptos::*;
#[component] #[component]
pub fn Skeleton() -> impl IntoView { pub fn Skeleton() -> impl IntoView {
view! { view! {
<Container> <div class="flex animate-pulse">
<div class="flex animate-pulse"> <div class="place-items-center mx-auto">
<div class="mx-auto place-items-center h-64"> <p>Loading...</p>
<code class="my-auto">"███████▒▒▒ 69%"</code>
</div>
</div> </div>
</Container> </div>
} }
} }
// #[component]
// pub fn Skeleton() -> impl IntoView {
// view! {
// <Container>
// <div class="flex animate-pulse">
// <div class="place-items-center mx-auto">
// <code class="my-auto">"███████▒▒▒ 69%"</code>
// </div>
// </div>
// </Container>
// }
// }
//