Merge pull request 'fix(layout): corriger la barre blanche en bas sur mobile réel' (#33 ) from fix/mobile-dvh-viewport into main

Reviewed-on: #33
Merge branch 'main' into fix/mobile-dvh-viewport
2026-03-26 16:35:29 +01:00 · 2026-03-26 16:35:22 +01:00 · 2026-03-26 16:35:00 +01:00
2 changed files with 2 additions and 2 deletions
--- a/assets/vue/app/shared/components/layout/Layout.vue
+++ b/assets/vue/app/shared/components/layout/Layout.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="h-screen overflow-hidden bg-gray-50 dark:bg-gray-900 flex">
+    <div class="h-[100dvh] overflow-hidden bg-gray-50 dark:bg-gray-900 flex">
        <Header
            :show-menu-button="isReaderMode"
            @menu-click="toggleSidebar"
--- a/templates/vue/index.html.twig
+++ b/templates/vue/index.html.twig
@@ -2,7 +2,7 @@
 <html>
    <head>
        <meta charset="UTF-8">
-        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, viewport-fit=cover">
        <title>Vue App</title>
        {{ encore_entry_link_tags('vue-app') }}
    </head>
Author	SHA1	Message	Date
colgora	d7e6bf56d0	Merge pull request 'fix(layout): corriger la barre blanche en bas sur mobile réel' (#33 ) from fix/mobile-dvh-viewport into main All checks were successful Deploy / deploy (push) Successful in 1m12s Details Reviewed-on: #33	2026-03-26 16:35:29 +01:00
colgora	17d44f68e5	Merge branch 'main' into fix/mobile-dvh-viewport	2026-03-26 16:35:22 +01:00
ext.jeremy.guillot@maxicoffee.domains	90d6feee2d	fix(layout): corriger la barre blanche en bas sur mobile réel Sur un vrai appareil mobile, 100vh inclut le chrome du navigateur (barre de navigation), ce qui cachait le contenu en bas. - Remplace h-screen (100vh) par h-[100dvh] (dynamic viewport height) - Ajoute viewport-fit=cover pour préparer le support safe-area iOS	2026-03-26 16:35:00 +01:00