- Statistiche

- Menu e Sottomenu
- Lista ultimi Movimenti

src/components/CElemStat/CElemStat.scss

@@ -3,6 +3,7 @@
   max-width: 200px;
   min-width: 120px;
   padding: 1rem 1rem;
+
   @media (max-width: 718px) {
     // PER VERSIONE MOBILE
     max-width: 150px;
@@ -16,6 +17,7 @@
   width: 100%;
   max-width: 60px;
   min-width: 40px;
+
   @media (max-width: 718px) {
     // PER VERSIONE MOBILE
     max-width: 50px;
@@ -28,7 +30,24 @@
 
 .text-h5-short {
   line-height: 1.25rem !important;
+
   @media (max-width: 718px) {
     line-height: 1rem !important;
   }
 }
+
+.fixed-size {
+  width: 160px;
+  /* Larghezza fissa */
+  height: 150px;
+  /* Altezza fissa */
+  display: flex;
+  /* Assicura che il contenuto sia centralizzato */
+  flex-direction: column;
+  /* Impila gli elementi verticalmente */
+  justify-content: center;
+  /* Centra verticalmente */
+  align-items: center;
+  /* Centra orizzontalmente */
+  margin: 4px;
+}

src/components/CElemStat/CElemStat.ts

@@ -12,6 +12,7 @@ export default defineComponent({
     classColor: String,
     colBack: String,
     mystyle: String,
+    myclass: String,
   },
   components: {},
   setup(props) {

src/components/CElemStat/CElemStat.vue

@@ -1,5 +1,5 @@
 <template>
-  <q-card :class="` text-center`" :style="mystyle">
+  <q-card :class="myclass" :style="mystyle" class="fixed-size">
     <div
       :class="`column q-pa-sm text-center align-center ` + classColor"
       style="align-items: center"
@@ -9,21 +9,18 @@
       </div>
       <q-icon :name="icon" size="xl" :class="classColor + ` elem `" />
       <div>
-        <div>
-        </div>
+        <div></div>
       </div>
 
-      <div
-        class="elem full-width elem-value text-h5 boldhigh"
-      >
+      <div class="elem full-width elem-value text-h5 boldhigh">
         {{ mytextval }}
-          <q-badge
-            v-if="value_today > 0"
-            align="top"
-            :label="`+` + value_today + ` oggi`"
-            :color="colBack"
-          >
-          </q-badge>
+        <q-badge
+          v-if="value_today > 0"
+          align="top"
+          :label="`+` + value_today + ` oggi`"
+          :color="colBack"
+        >
+        </q-badge>
       </div>
     </div>
   </q-card>