merged main branch

Author: AdityaSingh-7

.vscode/dictionaries/project-words.txt

@@ -8,6 +8,7 @@ audiorecorder
 bincount
 clsx
 cmdk
+controlslist
 datetime
 dhaga
 ensurepip
@@ -24,6 +25,7 @@ kmeans
 linalg
 lucide
 matras
+nodownload
 Organja
 orgenja
 Peina

astro.config.mjs

@@ -1,5 +1,4 @@
 import mdx from "@astrojs/mdx";
-import node from "@astrojs/node";
 import react from "@astrojs/react";
 import tailwind from "@astrojs/tailwind";
 import { defineConfig } from "astro/config";
@@ -37,6 +36,6 @@ export default defineConfig({
     optimizeDeps: {
       exclude: ["@resvg/resvg-js"]
     }
-  },
-  adapter: node({ mode: "standalone" })
+  }
+  //adapter: node({ mode: "standalone" })
 });

src/assets/styles/varnmala/barahkhadi/consonant.css

@@ -6,7 +6,12 @@
     display: flex;
     align-items: center;
     gap: 2rem;
-    margin-bottom: 2rem;
+
+    & .consonant {
+      margin: 0 auto;
+      font-size: 2rem;
+      color: aquamarine;
+    }
   }
 
   & .back__link {
@@ -31,7 +36,7 @@
   & .combination__card {
     background-color: color-mix(in srgb, var(--secondary) 15%, var(--background) 85%);
     border-radius: 0.5rem;
-    padding: 2rem 1rem;
+    padding: 1.25rem;
     display: grid;
     place-items: center;
     gap: 0.5rem;
@@ -45,8 +50,8 @@
   }
 
   & .combination__result {
-    font-size: 3rem;
-    font-weight: bold;
+    font-size: 7rem;
+    font-weight: normal;
   }
 
   @container (min-width: 768px) {
@@ -60,4 +65,4 @@
       grid-template-columns: 1fr;
     }
   }
-}
+}

src/assets/styles/varnmala/number.css

@@ -119,7 +119,6 @@
 
   & .variation {
     font-size: 2.75rem;
-    padding: 0.4rem;
     text-align: center;
     background: color-mix(in srgb, var(--text) 5%, var(--background) 95%);
     border-radius: 4px;

src/assets/styles/varnmala/reader.css

@@ -3,23 +3,20 @@
   --mute-button__bg: hsla(255, 100%, 50%, 0.281);
 }
 
-#container__reader {
+.container__reader {
   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);
   outline: none;
   text-transform: uppercase;
   transform: rotate(0deg);
   transition: all 0.3s ease-in-out;
   will-change: contents;
-  text-align: center;
   line-height: 1;
-  padding: 1rem;
   gap: 0.5rem;
-  overflow: hidden;
+  height: 80%;
 }
 
 .hide {
@@ -68,7 +65,7 @@
   cursor: pointer;
 }
 
-.speaker > span {
+.speaker>span {
   padding: 0.5rem;
   border: 1px solid var(--primary);
   border-radius: 5px;
@@ -80,17 +77,17 @@
 }
 
 @media screen and (max-width: 768px) {
-  #container__reader {
+  .container__reader {
     font-size: min(30rem, 55vw);
   }
 }
 
 @media screen and (max-width: 480px) {
-  #container__reader {
+  .container__reader {
     font-size: min(200rem, 70vw);
   }
 
   .mute-button {
     font-size: min(2.5rem, 8vw);
   }
-}
+}