mise en forme footer / top banner / font CSS

assets/style/main.scss

@@ -1,3 +1,5 @@
+@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;700&display=swap');
+
 body {
   font-family: "Barlow", serif;
   font-style: normal;

components/Layout/Footer/Footer.vue

@@ -205,7 +205,7 @@
             <nuxt-link
               to="/politique-de-confidentialite-et-protection-des-donnees-personnelles"
             >
-              Politiques de confidentialité
+              Politiques de confidentialité et cookies
             </nuxt-link>
             -
             <nuxt-link to="/cgv"> Conditions Générales de Ventes </nuxt-link>
@@ -328,6 +328,7 @@ const onIntersect = (isIntersecting: boolean) => {
 .container {
   background: var(--primary-color);
   color: var(--on-primary-color);
+  padding-top: 32px;
 }
 
 .logo {
@@ -346,10 +347,6 @@ const onIntersect = (isIntersecting: boolean) => {
   padding: 12px;
 }
 
-.container {
-  padding-top: 32px;
-}
-
 h5 {
   font-weight: 500;
   line-height: 20px;

components/Layout/Navigation/Topbar.vue

@@ -32,9 +32,11 @@ import AgendaLink from '~/components/Common/AgendaLink.vue'
   font-size: 0.7rem;
 
   .v-btn {
-    margin: 4px 12px;
+    margin: 4px 8px;
     border-radius: 6px;
-    height: 36px;
+    height: 44px;
+    font-size: 0.8rem;
+    font-weight: 400;
   }
 }
 

nuxt.config.ts

@@ -63,10 +63,6 @@ export default defineNuxtConfig({
       ],
       link: [
         { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' },
-        {
-          rel: 'stylesheet',
-          href: 'https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;700&display=swap',
-        },
       ],
       script: [
         // Google Analytics