- Fare LISTA MOVIMENTI più comprensibile

- Grafica Circuiti

src/components/CNotifAtTop/CNotifAtTop.ts

@@ -38,6 +38,8 @@ export default defineComponent({
     const lasts_notifs_req = computed(() => notifStore.getnotifs_coinsreq())
     const num_notifs = computed(() => lasts_notifs_req.value.length)
 
+    const hide = ref(false)
+
     watch(() => num_notifs.value, (newval, oldval) => {
       if (num_notifs.value === 1)
         shownotif.value = true
@@ -81,6 +83,7 @@ export default defineComponent({
       clickNotif,
       userStore,
       shownotif,
+      hide,
     }
   },
 })

src/components/CNotifAtTop/CNotifAtTop.vue

@@ -1,17 +1,17 @@
 <template>
-  <div class="q-ma-sm text-center">
+  <div v-if="!hide && num_notifs > 0" class="q-ma-sm text-center">
     <q-btn
-      v-if="num_notifs > 0"
       :label="
         num_notifs > 1
           ? t('circuit.mov_in_arrivo', { mov: num_notifs })
           : t('circuit.ris_in_arrivo')
       "
       @click="shownotif = true"
-      icon="fas fa-coins"
+      icon-right="img: images/1ris_rosso_100.png"
       rounded
       color="positive"
     ></q-btn>
+    <q-btn flat round icon="close" @click="hide = true"></q-btn>
   </div>
 
   <q-dialog v-model="shownotif" :maximized="$q.screen.lt.sm">
@@ -64,7 +64,7 @@
                 <div class="row no-wrap justify-evenly q-pa-sm">
                   <q-btn
                     size="md"
-                    icon="fas fa-coins"
+                    icon-right="img: images/1ris_rosso_100.png"
                     :disable="notif.disablecoinclick"
                     color="positive"
                     :label="