#32 refactor: label, supporting text 위치수정

Team-Tiki · Jul 8, 2024 · c0cbac3 · c0cbac3
1 parent f1c01fd
commit c0cbac3
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 11 deletions.
diff --git a/src/common/component/Input/Input.style.ts b/src/common/component/Input/Input.style.ts
@@ -7,9 +7,13 @@ export const containerStyle = css({
   display: 'flex',
   flexDirection: 'column',
 
-  gap: '1.2rem',
+  gap: '0.8rem',
 
   width: '100%',
+
+  '& > div': {
+    marginTop: '0.4rem',
+  },
 });
 
 export const inputSupportStyle = css({

diff --git a/src/common/component/Input/Input.tsx b/src/common/component/Input/Input.tsx
@@ -40,17 +40,15 @@ const Input = (
   return (
     <article css={containerStyle}>
       {label && <Label id={label}>{label}</Label>}
-      <div css={inputSupportStyle}>
-        <div css={[warpperStyle, variantStyle({ variant, isError }), sizeStyle(size)]}>
-          {LeftIcon && <LeftIcon />}
-          <input ref={ref} css={inputStyle} {...props} />
-        </div>
-        {supportingText && (
-          <SupportingText isError={isError} isNotice={isNotice}>
-            {supportingText}
-          </SupportingText>
-        )}
+      <div css={[warpperStyle, variantStyle({ variant, isError }), sizeStyle(size)]}>
+        {LeftIcon && <LeftIcon />}
+        <input ref={ref} css={inputStyle} {...props} />
       </div>
+      {supportingText && (
+        <SupportingText isError={isError} isNotice={isNotice}>
+          {supportingText}
+        </SupportingText>
+      )}
     </article>
   );
 };