From 30365ad5897f6782bec088f9a64a8e3adf0e6698 Mon Sep 17 00:00:00 2001
From: contradiction29 <sora32127@gmail.com>
Date: Mon, 15 Apr 2024 11:09:01 +0900
Subject: [PATCH] Change whitespace property from pre to pre-wrap in
 CommentCard
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

長めのコメントだと枠外にはみ出すので、wrapするようにした
---
 app/components/CommentCard.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/components/CommentCard.tsx b/app/components/CommentCard.tsx
index fb29a3d2..16d5b7a3 100644
--- a/app/components/CommentCard.tsx
+++ b/app/components/CommentCard.tsx
@@ -102,7 +102,7 @@ export default function CommentCard({
         <img src={clockIcon} alt="Comment Date" className="h-5 w-5 mr-2" />
         <p className="text-gray-600 text-sm">{formattedCommentDate}</p>
       </div>
-      <p className="mt-2 whitespace-pre">{commentContent}</p>
+      <p className="mt-2 whitespace-pre-wrap">{commentContent}</p>
       <div className="flex items-center mt-4">
         <button
           className={`flex items-center mr-4 bg-gray-200 rounded-md px-2 py-2 ${