jasinco/nim
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

refine break

Browse source
This commit is contained in:
jasinco 2025-06-11 01:52:43 +08:00
parent 5f6f8ed5ed
commit cb6b26e648
1 changed files with 3 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/Fetch.tsx
View file

@ -7,8 +7,8 @@ import { useInfiniteQuery } from "@tanstack/react-query"
const Single = ({ post }: { post: z.infer<typeof SinglePost_t> }) => { const Single = ({ post }: { post: z.infer<typeof SinglePost_t> }) => {
return ( return (
<div className="w-full max-w-2xl bg-gray-200 rounded-lg shadow-md p-6 flex flex-col gap-4 snap-start"> <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">{post.content}</p> <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.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) => { {post.enclosure.map((enc, index) => {
if (enc) { if (enc) {
@ -16,6 +16,7 @@ const Single = ({ post }: { post: z.infer<typeof SinglePost_t> }) => {
key={index} key={index}
src={MediaPathTrc(enc)} src={MediaPathTrc(enc)}
alt={`Post media ${post.id}-${index}`} alt={`Post media ${post.id}-${index}`}
loading="lazy"
className="rounded-md h-32 object-cover aspect-video flex-shrink-0" className="rounded-md h-32 object-cover aspect-video flex-shrink-0"
/> />
} else { } else {