From ef35914f342a6c0aeb7a6c5907b28aed2d5cfad9 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Sun, 18 Aug 2024 21:39:44 -0300
Subject: [PATCH] Card list change

---
 src/components/ui/CardList.vue | 32 +++++++++++++++++++++++---------
 1 file changed, 23 insertions(+), 9 deletions(-)

diff --git a/src/components/ui/CardList.vue b/src/components/ui/CardList.vue
index 2ff96306..eef1c06b 100644
--- a/src/components/ui/CardList.vue
+++ b/src/components/ui/CardList.vue
@@ -22,17 +22,15 @@ const handleClick = () => {
         :class="{ 'cursor-pointer': clickable, 'no-radius': !rounded }"
         @click="handleClick()"
     >
-        <QItemSection class="no-padding">
-            <div class="row no-wrap">
-                <slot name="prepend" />
-                <div class="column full-width">
-                    <slot name="content" />
-                </div>
+        <div class="no-padding content-container col-10">
+            <slot name="prepend" />
+            <div class="content">
+                <slot name="content" />
             </div>
-        </QItemSection>
-        <QItemSection class="no-padding" side>
+        </div>
+        <div class="no-padding flex full-width justify-center">
             <slot name="actions" />
-        </QItemSection>
+        </div>
     </QItem>
 </template>
 
@@ -41,4 +39,20 @@ const handleClick = () => {
     border-bottom: 1px solid $gray-light;
     padding: 20px;
 }
+
+.content {
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+
+    * {
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+    }
+}
+
+.content-container {
+    display: flex;
+}
 </style>