Improve input style

eliandoran · Jul 7, 2024 · c644af0 · c644af0
1 parent edaed67
commit c644af0
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 8 deletions.
diff --git a/src/routes/base-converter/single-base.svelte b/src/routes/base-converter/single-base.svelte
@@ -20,12 +20,8 @@
 
 <style>
     input {
-        padding: 0.5em;
-        border-radius: 6px;
         width: 100%;
-        box-sizing: border-box;
         font-family: var(--font-monospace);
-        font-size: 1.25em;
-        border-radius: 6px;
+        font-size: 1.25em;        
     }
 </style>
diff --git a/src/routes/text-lorem-ipsum/+page.svelte b/src/routes/text-lorem-ipsum/+page.svelte
@@ -137,10 +137,8 @@
     }
 
     input[type="number"] {
-        width: 3em;
+        width: 5em;
         text-align: center;
-        border-radius: 6px;
-        padding: 3px 6px;
     }
 
     .type-selector {

diff --git a/static/style.css b/static/style.css
@@ -169,6 +169,13 @@ input[type="color"] {
     border: 1px solid var(--border-color);
 }
 
+input[type="text"],
+input[type="number"],
+input[type="date"] {
+    border-radius: 6px;
+    padding: 0.5em;
+}
+
 .nav ul {
     list-style-type: none;
     margin: 0;