REV-393/생성 및 결과 페이지 폰트 크기 수정

[hyoribogo]

📑 구현 내용

모든 텍스트에 줄바꿈 적용해버렸습니다.

  textarea,
  p,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  span {
    word-break: break-all;
    white-space: pre-wrap;
  }

테일윈드 폰트 종류 추가했습니다.

interface ReviewInfoProps {
  title: string
  description: string
}

const ReviewInfo = ({ title, description }: ReviewInfoProps) => {
  return (
    <div>
      <h1 className="text-3xl font-bold text-black dark:text-white md:text-4xl">
        {title}
      </h1>
      <p className="mt-[0.63rem] whitespace-pre-line text-base text-black dark:text-white md:text-xl">
        {description}
      </p>
    </div>
  )
}

export default ReviewInfo

ReviewInfo 컴포넌트 추가했습니다.

<ReviewInfo {...{ title, description }} />

이렇게 사용하면 끝!

🚧 참고 사항

[hayamaster]

ReviewInfo 잘 빼주신 것 같아요! 저도 merge 후 리펙토링 해두어야겠네요!
고생하셨습니다!