- Statistiche

- Menu e Sottomenu
- Lista ultimi Movimenti

src/components/MyFooter/MyFooter.scss

@@ -6,3 +6,31 @@
   padding-left: 2px;
   padding-right: 2px;
 }
+
+
+.profile-image {
+  width: 28px;
+  /* Puoi modificare la dimensione in base alle tue esigenze */
+  height: 28px;
+  /* Stesso valore per altezza */
+  border-radius: 50%;
+  /* Questo rende l'immagine rotonda */
+  object-fit: cover;
+  /* Questo mantiene le proporzioni dell'immagine */
+  margin-right: 8px;
+  /* Spazio tra l'immagine e il testo */
+  align-items: center;
+}
+
+.my-route-tab {
+  display: flex;
+  align-items: center;
+  /* Allineamento verticale */
+}
+
+.profile-label {
+  text-align: center;
+  /* Centra il testo sotto l'immagine */
+  font-size: 0.9rem;
+  /* Dimensione del testo */
+}

src/components/MyFooter/MyFooter.ts

@@ -29,7 +29,8 @@ export default defineComponent({
 
     const site = computed(() => globalStore.site)
 
-    const { getMyUsername, Username } = MixinUsers()
+
+    const { getMyUsername, Username, getMyImg } = MixinUsers()
 
     function mounted() {
       // mounted
@@ -45,6 +46,7 @@ export default defineComponent({
       Username,
       tools,
       site,
+      getMyImg,
     }
   },
 

src/components/MyFooter/MyFooter.vue

@@ -1,7 +1,9 @@
 <template>
   <q-footer
-    v-if="tools.isUserOk() && site && site.confpages" :class="($q.dark.isActive
-    ? `bg-black` : `bg-white`) + ` small-screen-only`" bordered >
+    v-if="tools.isUserOk() && site && site.confpages"
+    :class="($q.dark.isActive ? `bg-black` : `bg-white`) + ` small-screen-only`"
+    bordered
+  >
     <q-toolbar>
       <q-toolbar-title>
         <q-tabs
@@ -77,8 +79,8 @@
             v-if="site.confpages.showViewProfile"
             class="mylabfooter"
             :label="$t('tabdown.profile')"
-            :to="`/my/` + getMyUsername()"
-            icon="person"
+            @click="globalStore.rightDrawerOpen = true"
+            :icon="getMyImg() ? `img: ` + getMyImg() : `fas fa-user`"
           />
         </q-tabs>
       </q-toolbar-title>