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

style: align and widen message stream cards

Browse Source
This commit is contained in:
TerryM
2026-05-27 11:58:40 +08:00
parent 3f0a395f40
commit 7cd48f767e
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -34,10 +34,10 @@ export function MessageBubble({ post }: { post: Post }) {
return (
<article
id={`post-${post.id}`}
className={`relative self-start rounded-2xl bg-ark-panel text-left shadow-sm ${
className={`relative mx-auto rounded-2xl bg-ark-panel text-left shadow-sm ${
isVisual
? "w-[82vw] max-w-[320px] md:w-[52vw] md:max-w-[420px] lg:w-[46vw] lg:max-w-[520px]"
: "inline-block max-w-[92%] md:max-w-[680px]"
? "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]"
: "inline-block max-w-[92%] md:max-w-[680px] lg:max-w-[760px] xl:max-w-[820px]"
} ${isTextOnly ? "px-3 py-2" : "p-2"}`}
>
<Bubble post={post} />