university/Imagine
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

fix: settings button was out of screen on mobile because of browser address bar; using dynamic viewport height instead

Browse source
This commit is contained in:
Orangerot 2024-12-06 19:08:28 +01:00
parent 015ff77123
commit 686e314d6a
1 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
index.html
View file

@ -9,10 +9,10 @@
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="style.css">
<title>Imagine - Image Editor</title> <title>Imagine - Image Editor</title>
</head> </head>
<body style="padding-top: 100vh; "> <body style="padding-top: 100dvh; ">
<div class="navbar columns is-mobile is-fixed-top"> <div class="navbar columns is-mobile is-fixed-top">
<div class="column"> <div class="column">
<div class="hero is-fullheight"> <div class="hero is-fullheight" style="min-height: 100dvh;">
<div class="hero-body"> <div class="hero-body">
<div class="container"> <div class="container">
<canvas id="myCanvas" class="is-hidden" width="300" height="300"></canvas> <canvas id="myCanvas" class="is-hidden" width="300" height="300"></canvas>