davide/biteplan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix App.vue: usa safe-area-inset-top per btn-info su telefoni con notch

Browse Source 
Su dispositivi con status bar alta o notch il bottone info finiva
sotto l'area di sistema e non era toccabile. Aggiunto env(safe-area-inset-top)
per posizionarlo sempre nell'area visibile.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Davide Grilli
2026-03-26 19:48:07 +01:00
parent 79ecbb0729
commit 414153f7d3
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/App.vue
View File

@@ -40,7 +40,7 @@ const showInfo = ref(false)
.btn-info { .btn-info {
position: fixed; position: fixed;
top: 14px; top: calc(14px + env(safe-area-inset-top));
right: 16px; right: 16px;
/* centra rispetto al max-width del layout */ /* centra rispetto al max-width del layout */
max-width: calc(480px); max-width: calc(480px);