From cb6b26e6480c8212d13b191b0be8f478b1329bdd Mon Sep 17 00:00:00 2001
From: jasinco <jasinc90@gmail.com>
Date: Wed, 11 Jun 2025 01:52:43 +0800
Subject: [PATCH] refine break

---
 src/Fetch.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/Fetch.tsx b/src/Fetch.tsx
index 38e68f7..fc25db9 100644
--- a/src/Fetch.tsx
+++ b/src/Fetch.tsx
@@ -7,8 +7,8 @@ import { useInfiniteQuery } from "@tanstack/react-query"
 
 const Single = ({ post }: { post: z.infer<typeof SinglePost_t> }) => {
 	return (
-		<div className="w-full max-w-2xl bg-gray-200 rounded-lg shadow-md p-6 flex flex-col gap-4 snap-start">
-			<p className="text-gray-800 text-base leading-relaxed">{post.content}</p>
+		<div className="w-full max-w-full bg-gray-200 rounded-lg shadow-md p-6 flex flex-col gap-4 snap-start">
+			<p className="text-gray-800 text-base leading-relaxed break-all whitespace-pre-wrap">{post.content}</p>
 			{post.enclosure.length > 0 && post.enclosure[0] != null && <div className="flex flex-row overflow-x-auto gap-3 py-2 -mx-2 px-2 border-t border-gray-200 pt-4">
 				{post.enclosure.map((enc, index) => {
 					if (enc) {
@@ -16,6 +16,7 @@ const Single = ({ post }: { post: z.infer<typeof SinglePost_t> }) => {
 							key={index}
 							src={MediaPathTrc(enc)}
 							alt={`Post media ${post.id}-${index}`}
+							loading="lazy"
 							className="rounded-md h-32 object-cover aspect-video flex-shrink-0"
 						/>
 					} else {