test fix responsive

src/components/Header.vue

@@ -6,8 +6,6 @@
     <nav class="nav">
       <div class="wrapper-logo">
         <Link
-          type="external"
-          target="_blank"
           :image="{
             url: 'logo.jpeg',
             alt: $t('general.header.alt_logo')
@@ -176,9 +174,6 @@ const userName = computed((): string =>
 .menu-burger {
   display: none;
 }
-.item-logout {
-  display: none;
-}
 @media (max-width: 500px) {
   .header {
     height: 11rem;
@@ -238,9 +233,5 @@ const userName = computed((): string =>
   .nav-list-item {
     margin-bottom: 2.5rem;
   }
-  .item-logout {
-    display: block;
-    margin-bottom: 1.5rem;
-  }
 }
 </style>

src/components/Link.vue

@@ -17,6 +17,7 @@
     :title="titleImg"
   >
     <i v-if="icon" :class="[icon, 'icon']"></i>
+    <img v-if="image" :src="img(image.url)" :alt="image.alt" class="logo" />
     <span v-if="text" class="text">{{ text }}</span>
   </router-link>
 </template>

src/views/HomeView.vue

@@ -7,7 +7,7 @@
   <Header />
   <main class="entry-page">
     <section id="viewer" class="entry-viewer">
-      <div class="entry-report-button">
+      <div v-if="mapIsLoaded" class="entry-report-button">
         <Button
           :text="$t('pages.home.report_button_text')"
           look="button--black"
@@ -21,12 +21,13 @@
 <script lang="ts" setup>
 import axios from 'axios'
 import { useI18n } from 'vue-i18n'
-import { onMounted, computed } from 'vue'
+import { onMounted, computed, ref } from 'vue'
 import GeoVisio from 'geovisio'
 import Header from '@/components/Header.vue'
 import Button from '@/components/Button.vue'
 
 const { t } = useI18n()
+let mapIsLoaded = ref<boolean>(false)
 const mailtoPath = computed<string>(() => {
   return `mailto:signalement.ign@panoramax.fr?subject=${t(
     'pages.home.report_mail_subject',
@@ -71,6 +72,7 @@ onMounted(async () => {
         }
       } // Viewer options
     )
+    mapIsLoaded.value = true
   } catch (err) {
     console.log(err)
   }
@@ -99,6 +101,9 @@ onMounted(async () => {
   .entry-page {
     padding-top: 11rem;
     overflow: hidden;
+    min-height: -webkit-fill-available;
+    min-height: moz-available;
+    min-height: fill-available;
   }
   .entry-viewer {
     min-height: -webkit-fill-available;