colgora/Mangarr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(layout): corriger la barre blanche en bas sur mobile réel

Browse Source 
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
This commit is contained in:
ext.jeremy.guillot@maxicoffee.domains
2026-03-26 16:35:00 +01:00
parent 4c80aa6b42
commit 90d6feee2d
2 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
assets/vue/app/shared/components/layout/Layout.vue
View File

@@ -1,5 +1,5 @@
<template> <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 <Header
:show-menu-button="isReaderMode" :show-menu-button="isReaderMode"
@menu-click="toggleSidebar" @menu-click="toggleSidebar"

2
templates/vue/index.html.twig
View File

@@ -2,7 +2,7 @@
<html> <html>
<head> <head>
<meta charset="UTF-8"> <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> <title>Vue App</title>
{{ encore_entry_link_tags('vue-app') }} {{ encore_entry_link_tags('vue-app') }}
</head> </head>