Correção do textinput (#180)

* fix spacing and height of text input * fix lint
platformbuilders · Mar 22, 2024 · 50b8499 · 50b8499
1 parent 7cb45ef
commit 50b8499
Showing 1 changed file with 3 additions and 4 deletions.
diff --git a/src/components/TextInput/styles.tsx b/src/components/TextInput/styles.tsx
@@ -23,7 +23,6 @@ const primaryMain = getTheme('brand.primary.main');
 const dangerMain = getTheme('danger.main');
 const fontSizeSm = getTheme('fontSizes.sm');
 const fontSizeMd = getTheme('fontSizes.md');
-const spacingXs = getTheme('spacing.xs');
 const spacingSm = getTheme('spacing.sm');
 const spacingMd = getTheme('spacing.md');
 const spacingLg = getTheme('spacing.lg');
@@ -52,7 +51,7 @@ export const Input = styled.input<InputProps>`
   border-color: ${(props) => hasError(dangerMain(props), '#121212')(props)};
   display: flex;
   height: ${pxToRem(44)};
-  padding: ${spacingXs}px ${spacingSm}px ${spacingXs}px ${spacingMd}px;
+  padding: 0px ${spacingSm}px 0px ${spacingMd}px;
   ${({ $hasIconRight }) => !!$hasIconRight && `padding-right: ${pxToRem(36)};`}
   ${({ $hasIconLeft }) => !!$hasIconLeft && `padding-left: ${pxToRem(36)};`}
   align-items: center;
@@ -72,11 +71,11 @@ export const Input = styled.input<InputProps>`
   }
 `;
 
-export const Message = styled.span<MessageProps>`
+export const Message = styled.p<MessageProps>`
   font-size: ${fontSizeMd}px;
   color: ${(props) => hasError(dangerMain(props), textMain(props))(props)};
   letter-spacing: 0.0275rem;
-  margin: ${spacingXs}px ${spacingMd}px;
+  margin: ${spacingSm}px ${spacingMd}px;
 `;
 
 export const Wrapper = styled.div`