refactor: implement dvh for screen height

alkrauss48 · Jul 22, 2023 · 0aff387 · 0aff387
1 parent 9409080
commit 0aff387
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/src/components/SettingsPage.vue b/src/components/SettingsPage.vue
@@ -32,11 +32,12 @@ const go = () => {
     >✕</button>
     <form
       @submit.prevent="go()"
-      class="h-screen flex flex-col justify-center items-center"
+      class="h-[100dvh] flex flex-col justify-center items-center"
       action=""
       method="post"
     >
-        <label for="slidesUrl">Slides URL:</label>
+        <p class="w-64 mb-8">Enter the URL to your markdown file below, and then click present.</p>
+        <label for="slidesUrl">URL to your slides:</label>
         <textarea
           id="slidesUrl"
           class="w-64 p-2 my-4 border-solid border-2 border-black"

diff --git a/src/components/SlideView.vue b/src/components/SlideView.vue
@@ -110,7 +110,7 @@ window.addEventListener('keydown', (event) : void => {
 </script>
 
 <template>
-  <div class="w-full h-screen flex justify-center items-center">
+  <div class="w-full h-[100dvh] flex justify-center items-center">
     <SlideContent :key="content" :content="content" />
     <SlideArrows
       @next="incrementContent(1)"