InfiniteScroll

Circuits

src/components/MyFooter/MyFooter.vue

@@ -5,31 +5,43 @@
     bordered
   >
     <q-tabs
-      class="text-grey-10 text-h6"
+      dense
+      class="text-grey-10 mylabfooter"
       active-color="primary"
+      no-caps
       indicator-color="transparent"
     >
       <q-route-tab
         to="/"
+        class="mylabfooter"
+        :label="$t('tabdown.home')"
         icon="fas fa-home"
       />
       <q-route-tab
         v-if="static_data.functionality.ENABLE_VIEW_GROUPS"
+        class="mylabfooter"
+        :label="$t('tabdown.groups')"
         to="/groups"
         icon="fas fa-users"
       />
       <q-route-tab
         v-if="static_data.functionality.ENABLE_VIEW_USERS"
+        class="mylabfooter"
+        :label="$t('tabdown.friends')"
         to="/friends"
         icon="fas fa-user-friends"
       />
       <q-route-tab
         v-if="static_data.functionality.ENABLE_VIEW_BOOKINGS"
+        class="mylabfooter"
+        :label="$t('tabdown.bookings')"
         to="/admin/eventlist"
         icon="fas fa-calendar-plus"
       />
       <q-route-tab
         v-if="static_data.functionality.ENABLE_VIEW_PROFILE"
+        class="mylabfooter"
+        :label="$t('tabdown.profile')"
         :to="`/my/`+getMyUsername()"
         icon="person"
       />
@@ -40,6 +52,6 @@
 <script lang="ts" src="./MyFooter.ts">
 </script>
 
-<style lang="scss" scoped>
+<style lang="scss">
 @import './MyFooter.scss';
 </style>