From b7c430b71e94e0a5979dd9631cebb911a8cde839 Mon Sep 17 00:00:00 2001
From: clonbg <clonbg@gmail.com>
Date: Fri, 14 Feb 2025 10:59:37 +0100
Subject: [PATCH] item card

---
 src/pages/ItemsPage.vue | 25 +++++++++++--------------
 1 file changed, 11 insertions(+), 14 deletions(-)

diff --git a/src/pages/ItemsPage.vue b/src/pages/ItemsPage.vue
index 7d8ddf9..f07456d 100644
--- a/src/pages/ItemsPage.vue
+++ b/src/pages/ItemsPage.vue
@@ -3,23 +3,20 @@
         <q-infinite-scroll @load="onLoad" :offset="250">
             <div v-for="(item, index) in store.items" :key="index" class="caption">
                 <div class="q-pa-md row items-start q-gutter-md">
-
-                    <q-card class="my-card text-white bg-teal-9">
+                    <q-card class="my-card text-white bg-teal-9 text-h6">
                         <q-card-section>
-                            <div class="text-h6">{{ item.nombre }}
-                                <q-icon name="edit" class="cursor-pointer" />
-                            </div>
-                            <div class="text-subtitle1">{{ item.cantidad }}</div>
+                            <q-toggle :false-value="false" :label="item.nombre" :true-value="true" color="red"
+                                v-model="item.is_done" />
+                            <q-icon name="edit" class="cursor-pointer q-ml-xs" />
+                            <q-icon name="delete" class="cursor-pointer float-right q-mt-md text-red" />
+                            <q-item-label caption class="q-ml-md"><span class="blue text-h6">
+                                    {{ item.cantidad }}</span>
+                                <q-btn flat dense icon="arrow_upward" size="sm" class="cursor-pointer" />
+                                <q-btn flat dense icon="arrow_downward" size="sm" />
+                            </q-item-label>
                         </q-card-section>
-
-                        <q-separator dark />
-
-                        <q-card-actions>
-                            <q-btn flat class="cursor-pointer" />
-                            <q-space></q-space>
-                            <q-btn class="bg-negative q-mr-md" flat>Borrar</q-btn>
-                        </q-card-actions>
                     </q-card>
+
                 </div>
             </div>
             <template v-slot:loading>