fix some css

src/assets/main.css

@@ -45,9 +45,12 @@ h5 {
   }
 }
 @media (max-width: 500px) {
-  body {
-    min-height: -webkit-fill-available;
-    min-height: moz-available;
-    min-height: fill-available;
+  @supports (-webkit-touch-callout: none) {
+    /* CSS specific to iOS devices */
+    body {
+      min-height: -webkit-fill-available;
+      min-height: moz-available;
+      min-height: fill-available;
+    }
   }
 }

src/locales/fr.json

@@ -27,7 +27,7 @@
       "alt_img_upload": "Image qui représente plusieurs photos en cours de téléchargement",
       "title_terminal": "Utiliser la ligne de commande",
       "sub_title_terminal": "⚠️️️ Bientôt d'autres moyens seront disponible pour télécharger des photos",
-      "footer_description_terminal": "La license utilisée pour les photos est la license ouverte.",
+      "footer_description_terminal": "La license utilisée pour les photos est <a href='https://www.etalab.gouv.fr/licence-ouverte-open-licence/'  style='color:#808080'>la license ouverte</a>.",
       "user_account_title": "Vous n'avez pas de compte utilisateur ?",
       "cli_title": "Vous voulez accéder à la CLI complète ?",
       "user_account_button": "Créer un compte",

src/views/HomeView.vue

@@ -102,10 +102,19 @@ onMounted(async () => {
     padding-top: 11rem;
     overflow: hidden;
   }
-  .entry-viewer {
-    min-height: -webkit-fill-available;
-    min-height: moz-available;
-    min-height: fill-available;
+  @supports (-webkit-touch-callout: none) {
+    /* CSS specific to iOS devices */
+    .entry-viewer {
+      min-height: -webkit-fill-available;
+      min-height: moz-available;
+      min-height: fill-available;
+    }
+  }
+  @supports not (-webkit-touch-callout: none) {
+    /* CSS for other than iOS devices */
+    .entry-viewer {
+      min-height: calc(100vh - 17rem);
+    }
   }
 }
 </style>

src/views/UploadView.vue

@@ -55,9 +55,10 @@
             class="upload-text"
             v-html="$t('pages.upload.description_terminal')"
           ></p>
-          <p class="upload-text grey">
-            {{ $t('pages.upload.footer_description_terminal') }}
-          </p>
+          <p
+            class="upload-text grey"
+            v-html="$t('pages.upload.footer_description_terminal')"
+          ></p>
           <div class="wrapper-account">
             <h4 class="account-subtitle">
               {{ $t('pages.upload.cli_title') }}

vite.config.ts

@@ -7,11 +7,7 @@ import eslintPlugin from 'vite-plugin-eslint'
 export default defineConfig({
   server: {
     host: true,
-    port: 5173,
-    strictPort: true,
-    hmr: {
-      clientPort: 5173
-    }
+    strictPort: true
   },
   base: '/',
   plugins: [vue(), eslintPlugin()],