[style]버튼,인풋컴포넌트 수정

Author: mtm-git1018

src/shared/components/InputBox/ChatInput.tsx

@@ -27,7 +27,7 @@ function ChatInput({ id, placeholder, className, ref }: Props) {
         id={id}
         name={id}
         ref={ref}
-        onKeyDown={(e)=>keyDown(e)}
+        onKeyDown={(e) => keyDown(e)}
         onInput={(e) => handleInput(e)}
         placeholder={placeholder}
         className={` px-4 py-1 rounded-lg h-13 bg-white text-primary leading-11 placeholder:text-gray-dark resize-none outline-none ${className}`}

src/shared/components/InputBox/Input.tsx

@@ -49,31 +49,31 @@ function Input({
 }: Props) {
   return (
     <div className={tw(InputClass({ size, className }))}>
-        <label htmlFor={id} className="flex-1">
-          <input
-            id={id}
-            type={type}
-            placeholder={placeholder}
-            className={`outline-none w-full flex-1 leading-${size}`}
-            ref={ref}
-            onChange={onChange}
-            {...rest}
-          />
-        </label>
-        {variant === 'search' ? (
-          <button type="button">
-            <Search aria-label="검색버튼" />
-          </button>
-        ) : variant === 'comment' ? (
-          <Button
-            color="purple"
-            type="submit"
-            size='auto'
-            className="w-10 h-6 flex-center text-xs px-1.5 py-[1px] rounded-sm shadow-md"
-          >
-            입력
-          </Button>
-        ) : null}
+      <label htmlFor={id} className="flex-1">
+        <input
+          id={id}
+          type={type}
+          placeholder={placeholder}
+          className={`outline-none w-full flex-1 leading-${size}`}
+          ref={ref}
+          onChange={onChange}
+          {...rest}
+        />
+      </label>
+      {variant === 'search' ? (
+        <button type="button">
+          <Search aria-label="검색버튼" />
+        </button>
+      ) : variant === 'comment' ? (
+        <Button
+          color="purple"
+          type="submit"
+          size="auto"
+          className="w-10 h-6 flex-center text-xs px-1.5 py-[1px] rounded-sm shadow-md"
+        >
+          입력
+        </Button>
+      ) : null}
     </div>
   );
 }

src/shared/components/button/Button.tsx

@@ -3,7 +3,7 @@ import { cva } from 'class-variance-authority';
 import { ButtonHTMLAttributes, Ref } from 'react';
 
 interface Props extends ButtonHTMLAttributes<HTMLButtonElement> {
-  size?: 'default' | 'sm' | 'auto'
+  size?: 'default' | 'sm' | 'auto';
   color?: 'default' | 'purple';
   ref?: Ref<HTMLButtonElement | null>;
   disable?: boolean;
@@ -26,7 +26,7 @@ export const ButtonClass = cva(
       size: {
         default: 'h-10 min-w-25',
         sm: 'h-8 min-w-20',
-        auto:'w-auto'
+        auto: 'w-auto',
       },
     },
     defaultVariants: {