- Fare LISTA MOVIMENTI più comprensibile

- Grafica Circuiti

src/components/CMyRecCard/CMyRecCard.scss

@@ -12,11 +12,6 @@
 }
 
 
-.actualdate{
-
-}
-
-
 
 .cardrec {
   /* Aggiungi un bordo sottile */

src/components/CMyRecCard/CMyRecCard.ts

@@ -44,7 +44,7 @@ export default defineComponent({
     const userStore = useUserStore()
     const calendarStore = useCalendarStore()
     const globalStore = useGlobalStore()
-    // const $q = useQuasar()
+    const $q = useQuasar()
     const { t } = useI18n()
     const $router = useRouter()
 
@@ -109,6 +109,11 @@ export default defineComponent({
       return (props.table === shared_consts.TABLES_MYBACHECAS && calendarStore.isPartecipero(myrec.value._id, props.table))
     }
 
+    function computedWidth() {
+      const width = tools.getwidth($q) - 20;
+      return `${Math.min(width, 600)}px`; // Limita la larghezza massima a 600px
+    }
+
     onMounted(mounted)
 
     return {
@@ -132,6 +137,7 @@ export default defineComponent({
       calendarStore,
       disabilita,
       globalStore,
+      computedWidth,
     }
   },
 })

src/components/CMyRecCard/CMyRecCard.vue

@@ -1,15 +1,9 @@
 <!--suppress ALL -->
 <template>
+
   <div
     class="q-py-xs centermydiv cardrec"
-    :style="
-      `max-width: ` +
-      (tools.getwidth($q) - 20) +
-      `px; ` +
-      ($q.screen.lt.sm
-        ? `min-width: ` + (tools.getwidth($q) - (20 + margin_right)) + `px;`
-        : ``)
-    "
+    :style="{ maxWidth: computedWidth }"
   >
     <div v-if="myrec && table === shared_consts.TABLES_MYBACHECAS">
       <div class="row">