less intrusive loading indicator
This commit is contained in:
parent
8a439026d3
commit
1883bce988
1 changed files with 18 additions and 7 deletions
|
@ -1,16 +1,27 @@
|
|||
use leptos::*;
|
||||
use crate::components::ui::containers::*;
|
||||
use leptos::*;
|
||||
|
||||
#[component]
|
||||
pub fn Skeleton() -> impl IntoView {
|
||||
view! {
|
||||
<Container>
|
||||
<div class="flex animate-pulse">
|
||||
<div class="mx-auto place-items-center h-64">
|
||||
<code class="my-auto">"███████▒▒▒ 69%"</code>
|
||||
<div class="place-items-center mx-auto">
|
||||
<p>Loading...</p>
|
||||
</div>
|
||||
</div>
|
||||
</Container>
|
||||
}
|
||||
}
|
||||
|
||||
// #[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>
|
||||
// }
|
||||
// }
|
||||
//
|
||||
|
|
Loading…
Add table
Reference in a new issue