modif des marges dans le magasin et ajout du soulignage du mail

pages/contact.vue

@@ -25,7 +25,6 @@ export default {
         let globalData = await useFetchGlobalData();
         globalData = globalData.globalData._object.$sglobalData;
         if (globalData.contact_text.includes('\n')) {
-            console.log("BABABABA");
             globalData.contact_text = JSON.stringify(globalData.contact_text).replace(/\\n/g, '<br>').slice(1, -1);
         }
 
@@ -55,6 +54,24 @@ export default {
                 line-height: 1.2;
                 margin-bottom: 1.5rem;
             }
+            > a {
+                display: inline-block;
+            }
+            > a::after {
+                width: 100%;
+                height: 1rem;
+                display: block;
+                background-image: url('/assets/images/soulignage.png');
+                background-size: contain;
+                background-repeat: no-repeat;
+                background-position: center;
+                content: "";
+                margin-top: 0px;
+                transition: margin-top 0.2s ease-out;
+            }
+            > a:hover::after {
+                margin-top: 3px;
+            }
         }
     }
 

pages/magasin.vue

@@ -54,13 +54,19 @@ export default {
 
 <style scoped lang="scss">
     h3:first-of-type {
-        margin-top: 2rem;
+        margin-top: 3rem;
     }
     h3 {
         text-transform: uppercase;
     }
+    div > h3 + main {
+        margin-top: 3vh;
+    }
 
     @media screen and (min-width: 800px) {
+        div > h3 + main {
+            margin-top: 4vh;
+        }
         .category {
             display: flex;
             > div {