Merge pull request #16 from codeforjapan/fix/note-post-content-wrap

fix: add text wrapping to element with long text children
codeforjapan · Mar 2, 2025 · 869b996 · 869b996
2 parents cebb287 + e2b1059
commit 869b996
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/app/components/note/Note.tsx b/app/components/note/Note.tsx
@@ -40,7 +40,7 @@ export const Note = ({ note }: NoteProps) => {
           <span>ノートの作成日時: {dateString}</span>
         </Group>
         <Stack gap="xs">
-          <Text>{note.summary}</Text>
+          <Text className="break-words">{note.summary}</Text>
           <NoteStatus status={note.currentStatus} />
           <div className="grid grid-cols-1 gap-2 md:grid-cols-[auto_1fr] md:gap-4">
             <Badge

diff --git a/app/components/post/Post.tsx b/app/components/post/Post.tsx
@@ -40,7 +40,7 @@ export const Post = ({ post }: PostProps) => {
           />
           <Text fw="bolder">{post.xUser.name}</Text>
         </Group>
-        <Text>{post.text}</Text>
+        <Text className="break-words">{post.text}</Text>
         {post.links?.map((link, index) => (
           <a href={link.url} key={`${post.postId}link_${index}`}>
             <Text c="blue">{link.url}</Text>