Merge pull request #255 from ItRecode/FE-254

[FE-254] fix: 20글자 넘어가면 return 로직 추가. 메인페이지 랭킹 폰트색 고정. 팀소개 페이지 p태그 폰트 지정

Author: Seongtaek-H

src/components/RankingItem.tsx

@@ -55,7 +55,9 @@ export default function RankingItem({
       </div>
 
       <button className="absolute right-6 flex items-center whitespace-nowrap bg-transparent p-0">
-        <p>함께 {parentCategoryId === CELEBRATION_ID ? '축하' : '위로'}하기</p>
+        <p className="text-grey-10">
+          함께 {parentCategoryId === CELEBRATION_ID ? '축하' : '위로'}하기
+        </p>
         <Arrow className="ml-4" />
       </button>
     </div>

src/pages/Setting/FeedbackMail/FeedbackMail.tsx

@@ -11,6 +11,10 @@ function FeedbackMail() {
 
   const formRef = useRef<HTMLFormElement>(null)
 
+  const handleChangeSubjectInput = (e: React.ChangeEvent<HTMLInputElement>) => {
+    if (e.target.value.length > 20) return
+    setSubject(e.target.value)
+  }
   const sendEmail = (e: React.FormEvent<HTMLFormElement>) => {
     e.preventDefault()
     if (subject === '' || body === '') return
@@ -99,7 +103,7 @@ function FeedbackMail() {
                 type="text"
                 className="w-full border-b border-solid border-grey-4  py-1.5 text-grey-9 outline-none placeholder:text-grey-4 focus:placeholder:text-transparent"
                 placeholder="제목을 작성해주세요."
-                onChange={(e) => setSubject(e.target.value)}
+                onChange={(e) => handleChangeSubjectInput(e)}
                 value={subject}
                 maxLength={20}
               />

src/pages/Setting/TeamIntroduction/TeamIntroduction.tsx

@@ -27,9 +27,9 @@ function TeamIntroduction() {
               'https://itrecord.notion.site/itrecord/b55dba4e491144d5b62efd0bdbe15b36'
             )
           }
-          className="mt-8 flex w-full cursor-pointer items-center justify-between bg-transparent p-0 text-base font-semibold"
+          className="mt-8 flex w-full cursor-pointer items-center justify-between bg-transparent p-0"
         >
-          <p>
+          <p className="text-base font-semibold">
             더 자세한 팀 <span className="text-primary-2">텐져스의 이야기</span>{' '}
             보러가기
           </p>