fix font size

assets/css/global.scss

@@ -49,3 +49,9 @@ header .v-toolbar__content {
     }
   }
 }
+
+
+// A supprimer quand l'issue  https://github.com/vuetifyjs/vuetify-loader/issues/273 sera règlée
+.v-application {
+  font-size: 0.9rem;
+}

assets/css/vuetify.scss

@@ -4,5 +4,8 @@
  * @see https://next.vuetifyjs.com/en/features/sass-variables/#basic-usage
  */
 
+// Non utilisé tant que l'issue https://github.com/vuetifyjs/vuetify-loader/issues/273 n'est pas règlée
 @use 'vuetify/settings' with (
+  $font-size-root: 0.9rem,
+  $input-font-size: 0.9rem
 );

components/Layout/Header/Menu.vue

@@ -54,18 +54,16 @@ header principal (configuration, paramètres du compte...)
                   :href="!isInternalLink(child) ? child.to : undefined"
                   :to="isInternalLink(child) ? child.to : undefined"
               >
-                <v-list-item-title class="d-flex align-center">
-                    <span v-if="child.icon" class="pr-2">
-                      <v-avatar v-if="menu.icon.avatarId || child.icon.avatarByDefault" size="30" >
-                        <UiImage :id="child.icon.avatarId" :defaultImage="child.icon.avatarByDefault" :width="30" />
-                      </v-avatar>
-                      <v-icon v-else class="on-primary" size="small">
-                        {{ child.icon.name }}
-                      </v-icon>
-                    </span>
-
-                  <span>{{ translateLabel ? $t(child.label) : child.label }}</span>
-                </v-list-item-title>
+                <span v-if="child.icon" class="pr-2 d-flex align-center">
+                  <v-avatar v-if="menu.icon.avatarId || child.icon.avatarByDefault" size="30" >
+                    <UiImage :id="child.icon.avatarId" :defaultImage="child.icon.avatarByDefault" :width="30" />
+                  </v-avatar>
+                  <v-icon v-else class="on-primary" size="small">
+                    {{ child.icon.name }}
+                  </v-icon>
+                </span>
+
+                <span>{{ translateLabel ? $t(child.label) : child.label }}</span>
               </v-list-item>
 
             </template>
@@ -120,7 +118,7 @@ const btn = ref(null)
 
 <style scoped lang="scss">
   :deep(.v-btn .v-icon) {
-    font-size: 16px !important;
+    font-size: 1rem !important;
   }
 
   .v-list {

components/Layout/Header/Notification.vue

@@ -36,12 +36,9 @@
           <v-list-item
               v-for="(notification, index) in notifications"
               :key="index"
-              :class="`${notification.notificationUsers.length === 0 ? 'unread' : ''}`"
+              :class="'list_item py-3' + `${notification.notificationUsers.length === 0 ? ' unread' : ''}`"
           >
-            <v-list-item-title
-                class="list_item mt-2 mb-2"
-                v-text="getMessage(notification)"
-            />
+            <span class="">{{ getMessage(notification) }}</span>
 
             <template #append>
               <v-icon

components/Layout/SubHeader/PersonnalizedList.vue

@@ -36,9 +36,7 @@
               :href="getListURL(item)"
               exact
             >
-              <v-list-item-title>
-                {{item.label}} - <strong>{{item.menuKey}}</strong>
-              </v-list-item-title>
+              <strong>{{item.menuKey}}</strong> - {{item.label}}
             </v-list-item>
           </v-list>
         </v-card-text>

lang/fr.json

@@ -329,6 +329,7 @@
   "students_params": "Suivi des étudiants",
   "education_params": "Enseignements",
   "bills_params": "Facturation",
+  "intangibleListMenuKey": "Produits",
   "secure_params": "Sécurité",
   "back_to_dashboard": "Quittez les paramètres",
   "what_type_of_contact_do_you_want_to_create": "Quel type de contact souhaitez-vous créer ?",

nuxt.config.ts

@@ -113,6 +113,7 @@ export default defineNuxtConfig({
             drop: process.env.DEBUG ? [] : ['console', 'debugger'],
         },
         ssr: {
+            // with ssr enabled, this config is required to load vuetify properly
             noExternal: ['vuetify']
         },
         server : {