terry/Arkie-Library-Frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: make message cards fluid width

Browse Source
This commit is contained in:
TerryM
2026-05-27 12:11:01 +08:00
parent 7cd48f767e
commit 68cbce9cf1
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/messageStream/MessageBubble.tsx
View File

@@ -36,7 +36,7 @@ export function MessageBubble({ post }: { post: Post }) {
id={`post-${post.id}`} id={`post-${post.id}`}
className={`relative mx-auto rounded-2xl bg-ark-panel text-left shadow-sm ${ className={`relative mx-auto rounded-2xl bg-ark-panel text-left shadow-sm ${
isVisual isVisual
? "w-[82vw] max-w-[320px] md:w-[52vw] md:max-w-[420px] lg:w-[52vw] lg:max-w-[680px] xl:w-[48vw] xl:max-w-[760px]" ? "w-full max-w-[380px] md:max-w-[680px] lg:max-w-[900px] xl:max-w-[1120px]"
: "inline-block max-w-[92%] md:max-w-[680px] lg:max-w-[760px] xl:max-w-[820px]" : "inline-block max-w-[92%] md:max-w-[680px] lg:max-w-[760px] xl:max-w-[820px]"
} ${isTextOnly ? "px-3 py-2" : "p-2"}`} } ${isTextOnly ? "px-3 py-2" : "p-2"}`}
> >