feat: 💄 Adapt css for Ipad view

dnum-mi · Jun 12, 2023 · 88fe7fb · 88fe7fb
1 parent cf6c9c7
commit 88fe7fb
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/frontend/src/components/HeaderMain.vue b/frontend/src/components/HeaderMain.vue
@@ -71,7 +71,7 @@ function onClickOnInfo (event) {
 
 @screen lg {
   .information {
-    --uno: top-4\/10 right-3\/10;
+    --uno: top-4\/10 right-3.5\/10;
   }
 }
 

diff --git a/frontend/src/views/Instructions.vue b/frontend/src/views/Instructions.vue
@@ -15,7 +15,7 @@ function readInstruction () {
 
 <template>
   <div
-    class="md:absolute md:inset-y-1\/3 md:inset-x-0 fr-col-lg-6 fr-col-sm-9 mx-auto"
+    class="lg:absolute lg:inset-y-1\/3 lg:inset-x-0 fr-col-lg-6 fr-col-sm-9 mx-auto"
   >
     <div class="fr-notice fr-notice--info">
       <div class="fr-container">
@@ -58,7 +58,7 @@ function readInstruction () {
           @file-selected="uploadMessage = 'Analyse en cours'"
         />
         <DsfrButton
-          class="flex justify-center w-full"
+          class="flex justify-center <md:w-full"
           label="Prendre la photo"
           icon="ri-camera-fill"
           :icon-right="true"