- Fare LISTA MOVIMENTI più comprensibile

- Grafica Circuiti

src/components/MyFooter/MyFooter.scss

@@ -33,4 +33,16 @@
   /* Centra il testo sotto l'immagine */
   font-size: 0.9rem;
   /* Dimensione del testo */
+}
+
+
+
+.iconbig {
+  font-size: 1.4em !important;
+}
+
+.img_in_tab{
+  width: 52px;
+  height: 52px;
+  margin: 4px !important;
 }

src/components/MyFooter/MyFooter.ts

@@ -7,7 +7,7 @@ import { tools } from '@store/Modules/tools'
 
 import { shared_consts } from '@src/common/shared_vuejs'
 import { useI18n } from '@src/boot/i18n'
-import { useRouter } from 'vue-router'
+import { useRouter, useRoute } from 'vue-router'
 import { static_data } from '@/db/static_data'
 import { useGlobalStore } from '@store/globalStore'
 import { useUserStore } from '@store/UserStore'
@@ -23,6 +23,7 @@ export default defineComponent({
     const $q = useQuasar()
     const { t } = useI18n()
     const $router = useRouter()
+    const $route = useRoute()
 
     const userStore = useUserStore()
     const globalStore = useGlobalStore()
@@ -32,10 +33,16 @@ export default defineComponent({
 
     const { getMyUsername, Username, getMyImg } = MixinUsers()
 
+    const currentPath = computed(() => $route.path); // Uso di computed per la reattività
+
     function mounted() {
       // mounted
     }
 
+    function naviga(path: string) {
+      $router.push(path)
+    }
+
     onMounted(mounted)
 
     return {
@@ -47,6 +54,8 @@ export default defineComponent({
       tools,
       site,
       getMyImg,
+      naviga,
+      currentPath,
     }
   },
 

src/components/MyFooter/MyFooter.vue

@@ -15,7 +15,8 @@
           "
           style="padding: 0px !important"
           content-class="mysmalltabs"
-          :active-color="$q.dark.isActive ? `primary` : `primary`"
+          active-color="white"
+          active-bg-color="blue"
           no-caps
           indicator-color="transparent"
         >
@@ -40,13 +41,15 @@
             to="/events"
             icon="fas fa-calendar-week"
           />
-          <q-route-tab
+          <q-img
             v-if="site.confpages.showViewCircuits"
-            class="mylabfooter"
-            :label="$t('tabdown.circuits')"
-            :to="tools.updateLink('/circuits')"
-            icon="img: images/1ris_rosso_100.png"
-          />
+            src="images/1ris_rosso_100.png"
+            round
+            flat
+            :style="currentPath === '/circuits' ? `background-color: lightblue`: ''"
+            class="img_in_tab"
+            @click="naviga(tools.updateLink('/circuits'))"
+          ></q-img>
           <q-route-tab
             v-if="site.confpages.showViewUsers"
             class="mylabfooter"