add grid
This commit is contained in:
@@ -8,7 +8,7 @@ pub fn Data() -> impl IntoView {
|
||||
view! {
|
||||
<Title text="Capteurs"/>
|
||||
|
||||
<ul class="flex gap-5 flex-wrap m-5">
|
||||
<ul class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 2xl:grid-cols-4 gap-3 m-5">
|
||||
<ValueCard location="Bureau".to_string()
|
||||
sensor="Température".to_string()
|
||||
unity="°C".to_string()
|
||||
@@ -56,7 +56,7 @@ pub fn ValueCard(topic: String, location: String, sensor: String, unity: String,
|
||||
);
|
||||
|
||||
view! {
|
||||
<li class="flex p-3 w-80 bg-prim-light rounded-lg justify-between">
|
||||
<li class="flex p-3 bg-prim-light rounded-lg justify-between">
|
||||
<Suspense fallback=move || view! { <p>"Loading Value"</p> }>
|
||||
<ErrorBoundary fallback=|_| {
|
||||
view! { <p class="error-messages text-xs-center">"Something went wrong, please try again later."</p>}
|
||||
|
||||
@@ -93,7 +93,7 @@ pub fn Links() -> impl IntoView {
|
||||
</ul>
|
||||
|
||||
<div class="flex justify-end gap-5 mx-5">
|
||||
<button on:click=move |_| {set_edit.set(!edit.get())} class="bg-prim-light hover:bg-prim-lightest rounded-full px-5 py-3 text-second-dark hover:text-third transition-colors">"Edit"</button>
|
||||
<button on:click=move |_| {set_edit.set(!edit.get())} class="bg-prim-light hover:bg-prim-lightest rounded-full px-5 py-3 text-second-dark hover:text-third transition-colors">"Modifier"</button>
|
||||
<button on:click=move |_| {set_show.set(true)} class="bg-prim-light hover:bg-prim-lightest rounded-full px-5 py-3 text-second-dark hover:text-third transition-colors">"Ajouter un lien +"</button>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user