imagine

a simple image editor
git clone git://source.orangerot.dev:/university/imagine.git
Log | Files | Refs | README | LICENSE
commit 686e314d6a554c1a73a18438b0219207c97b470d
parent 015ff77123ccc3e95d6422424dac2ed8d0cf963e
Author: Orangerot <purple@orangerot.dev>
Date:   Fri,  6 Dec 2024 19:08:28 +0100

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

Diffstat:

Mindex.html | 4++--


1 file changed, 2 insertions(+), 2 deletions(-)

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