chore(ui): input shadow 관련 피드백 반영

WOONGEYA · Sep 26, 2024 · cef0fcb · cef0fcb
1 parent b904c10
commit cef0fcb
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 14 deletions.
diff --git a/apps/client/src/components/user/userProjectContainer/userProjectContainer.tsx b/apps/client/src/components/user/userProjectContainer/userProjectContainer.tsx
@@ -30,12 +30,7 @@ const UserProjectContainer = () => {
             참여했던 프로젝트
           </div>
         </div>
-        <Input
-          color="black"
-          border="none"
-          placeholder="검색어를 입력해주세요."
-          className="shadow-[1px_1px_4px_#ADB5BD] rounded-md"
-        >
+        <Input color="black" placeholder="검색어를 입력해주세요." className="rounded-md">
           <IoSearch color="#ADB5BD" />
         </Input>
       </div>

diff --git a/packages/ui/src/Input/index.tsx b/packages/ui/src/Input/index.tsx
@@ -11,14 +11,9 @@ const InputVariants = cva('', {
       black: 'text-black',
       gray: 'text-gray-800',
     },
-    border: {
-      gray: 'border-gray-300 focus-within:border-gray-400',
-      none: 'border-none',
-    },
   },
   defaultVariants: {
     color: 'black',
-    border: 'gray',
   },
 });
 
@@ -33,7 +28,6 @@ const Input = forwardRef<HTMLInputElement, InputProps>(
     {
       width = 250,
       color,
-      border,
       placeholder = '검색어를 입력해주세요.',
       onChange,
       className,
@@ -45,8 +39,8 @@ const Input = forwardRef<HTMLInputElement, InputProps>(
     return (
       <div
         className={cn(
-          InputVariants({ color, border }),
-          'border-[1.5px] flex py-2 px-3 rounded-[0.6rem] h-11 transition duration-80 ease-in-out relative',
+          InputVariants({ color }),
+          'border-[1.5px] flex py-2 px-3 rounded-[0.6rem] border-gray-300 focus-within:border-gray-400 h-11 transition duration-80 ease-in-out relative',
           className
         )}
         style={{ width }}