leoalho/paste
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix bottom nav bar hidden on mobile

Browse source 
Use 100dvh (dynamic viewport height) so the layout accounts for mobile
browser chrome (address bar, navigation bar), with 100vh as fallback.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Leo 2026-03-02 20:42:44 +02:00
parent 735a8c1438
commit 4d896adcdb
1 changed files with 1 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
index.html
View file

@ -37,6 +37,7 @@ body {
color: var(--text-primary); color: var(--text-primary);
font-family: 'Consolas', 'Monaco', 'Courier New', monospace; font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
height: 100vh; height: 100vh;
height: 100dvh;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
overflow: hidden; overflow: hidden;