fixed: top excess area of the reader page

recursivezero · Mar 1, 2025 · 37702e0 · 37702e0
1 parent 6e7f56c
commit 37702e0
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 5 deletions.
diff --git a/src/assets/styles/varnmala/reader.css b/src/assets/styles/varnmala/reader.css
@@ -4,23 +4,22 @@
 }
 
 #container__reader {
-  font-size: min(40rem, 45vw);
+  font-size: min(40rem, 35vw);
   display: grid;
   place-items: center;
   grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr));
   place-content: center;
   color: var(--main__txt);
-  height: 100vh;
   outline: none;
   text-transform: uppercase;
   transform: rotate(0deg);
   transition: all 0.3s ease-in-out;
   will-change: contents;
   text-align: center;
-  min-height: 60vh;
   line-height: 1;
   padding: 1rem;
   gap: 0.5rem;
+  overflow: hidden;
 }
 
 .hide {

diff --git a/src/pages/varnmala/reader.astro b/src/pages/varnmala/reader.astro
@@ -24,8 +24,7 @@ import BackButton from "@/components/ui/backButton.astro";
 
   <BackButton />
   <article id="container__reader">
-    <span class="letter" id="letter">a</span>
-    <span class="emoji" id="emoji" role="img" aria-label="apple"> 🍎 </span>
+    a🍎
   </article>
   <section class="section--audio hide">
     <audio id="audioPlayer" controlslist="nodownload" controls autoplay></audio>