fix: 후기 길어질 경우 펼치기/접기 글자 줄바꿈 생김 해결

game240 · game240 · commit fb152aa5ef31 · 2025-07-24T13:37:38.000+09:00
diff --git a/src/components/detail/ReviewList.tsx b/src/components/detail/ReviewList.tsx
@@ -194,7 +194,7 @@ const ReviewList = React.memo(({ scriptId, review }: ReviewLitProps) => {
       <div className="flex justify-between mb-[20px]">
         {isOverflow && (
           <button
-            className="flex items-center gap-[6px] text-[#777] p-small-medium cursor-pointer"
+            className="flex items-center gap-[6px] text-[#777] p-small-medium cursor-pointer whitespace-nowrap"
             onClick={() => setIsExpanded(!isExpanded)}
           >
             {isExpanded ? "접기" : "펼쳐보기"}

Original file line number	Diff line number	Diff line change
`@@ -194,7 +194,7 @@ const ReviewList = React.memo(({ scriptId, review }: ReviewLitProps) => {`
`194`	`194`	`<div className="flex justify-between mb-[20px]">`
`195`	`195`	`{isOverflow && (`
`196`	`196`	`<button`
`197`		`- className="flex items-center gap-[6px] text-[#777] p-small-medium cursor-pointer"`
	`197`	`+ className="flex items-center gap-[6px] text-[#777] p-small-medium cursor-pointer whitespace-nowrap"`
`198`	`198`	`onClick={() => setIsExpanded(!isExpanded)}`
`199`	`199`	`>`
`200`	`200`	`{isExpanded ? "접기" : "펼쳐보기"}`