Merge pull request #5 from Rainbow-Tree19/main

Made it so that dim-input is number only
RanvirChoudhary · Nov 16, 2023 · ddec481 · ddec481
2 parents 2661e13 + e087c14
commit ddec481
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/home.html b/home.html
@@ -117,7 +117,8 @@
     </div>
     <div class = "form" :class="{ notActive: !showDimInput }">
       <h1 class="form-instructions">Enter the dimensions for the grid</h1>
-      <input v-model="dim" class="dim-input" type="text">
+      <h2>Ideal range is 20-40</h2>
+      <input v-model="dim" class="dim-input" type="number">
       <button @click=redirect class="submit-dim">Generate!</button>
     </div>
   </div>

diff --git a/styles.css b/styles.css
@@ -9,6 +9,12 @@ body,html {
   box-sizing: border-box;
 }
 
+input::-webkit-outer-spin-button,
+input::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+
 body {
   font-family: 'Montserrat', sans-serif;
   font-weight: 500;