style: changed px to rem in background-position, removed

fix devhatt#21
MateusHenriquegringo · Jan 3, 2024 · 5db2e9d · 5db2e9d
1 parent 7c5f8bb
commit 5db2e9d
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/src/components/TextInput/index.js b/src/components/TextInput/index.js
@@ -18,8 +18,8 @@ const html = `
 export default function InputText({
   placeholder,
   assetUrl,
-  assetPosition, // preffix, suffix
-  variation, // outlined, standard
+  assetPosition,
+  variation,
 }) {
   Component.call(this, { html, events });
   this.disabled = false;

diff --git a/src/components/TextInput/index.scss b/src/components/TextInput/index.scss
@@ -7,7 +7,7 @@
     font-size: 1rem;
 
     background-repeat: no-repeat;
-    background-size: 20px;
+    background-size: auto 50%;
     filter: opacity(0.85);
 
     &.standard {
@@ -21,13 +21,13 @@
       &.prefix {
         padding: 0.8rem 0.8rem 0.8rem 2.5rem;
 
-        background-position: 10px center;
+        background-position: 0.5rem center;
       }
 
       &.suffix {
         padding: 0.8rem 2.5rem 0.8rem 0.8rem;
 
-        background-position: calc(100% - 1rem) center;
+        background-position: calc(100% - 0.5rem) center;
       }
 
       &:focus {
@@ -72,13 +72,13 @@
       &.suffix {
         padding: 0.5rem 2.5rem 0.5rem 0.3rem;
 
-        background-position: calc(100% - 1rem) center;
+        background-position: calc(100% - 0.5rem) center;
       }
 
       &.prefix {
         padding: 0.5rem 0.3rem 0.5rem 2.5rem;
 
-        background-position: 10px center;
+        background-position: 0.5rem center;
       }
     }
   }