Use dvh instead

excid3 · Sep 11, 2024 · 26fa24e · 26fa24e
1 parent ba42415
commit 26fa24e
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -178,8 +178,8 @@ <h2 class="text-2xl text-gray-800 font-semibold mb-4">Slideovers</h2>
               }
             }
           </style>
-          <dialog data-slideover-target="dialog" data-action="click->slideover#backdropClose" class="slideover h-full max-h-full m-0">
-            <div class="h-full w-96 p-8">
+          <dialog data-slideover-target="dialog" data-action="click->slideover#backdropClose" class="slideover h-dvh max-h-dvh m-0">
+            <div class="h-full w-72 p-8">
               <p>This slideover dialog has a groovy backdrop!</p>
               <button autofocus data-action="slideover#close" class="px-2.5 py-1 bg-blue-500 text-white text-sm rounded">Close</button>
             </div>