#183 [REFACTOR] 팀 생성 모달 말줄임표 적용

Author: gaeulzzang

src/pages/setting/components/MemberCheckbox.tsx

@@ -9,7 +9,7 @@ interface MemberCheckboxProps {
 const MemberCheckbox = (props: MemberCheckboxProps) => {
   return (
     <div
-      className={`flex items-center gap-x-[0.8rem]`}
+      className={`flex items-start gap-x-[0.8rem]`}
       onClick={() => props.onSelect(!props.checked)}
     >
       <div className={`p-[0.4rem]`}>
@@ -25,7 +25,11 @@ const MemberCheckbox = (props: MemberCheckboxProps) => {
           />
         )}
       </div>
-      <span className={`font-small-b text-gray-400`}>{props.name}</span>
+      <span
+        className={`font-small-b truncate ${props.checked ? 'text-gray-600' : 'text-gray-400'}`}
+      >
+        {props.name}
+      </span>
     </div>
   );
 };

src/pages/setting/components/modal/TeamCreateModal.tsx

@@ -44,7 +44,7 @@ const TeamCreateModal = (props: TeamCreateModalProps) => {
           <div className={`flex flex-col`}>
             <input
               className={`text-start w-full border px-[1.2rem] py-[0.7rem]
-          font-body-r text-gray-400 placeholder:text-gray-400 rounded-[0.6rem] focus:outline-none 
+          font-body-r text-gray-600 placeholder:text-gray-400 rounded-[0.6rem] focus:outline-none 
           ${!isNameValid && teamName ? 'border-error-400' : 'border-gray-300'}`}
               type={'text'}
               placeholder={'팀 이름을 입력하세요'}