From 68cbce9cf1cc5b8434e596e9556ad1ddb41bbd5c Mon Sep 17 00:00:00 2001
From: TerryM <chiachintat10@gmail.com>
Date: Wed, 27 May 2026 12:11:01 +0800
Subject: [PATCH] style: make message cards fluid width

---
 src/components/messageStream/MessageBubble.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/messageStream/MessageBubble.tsx b/src/components/messageStream/MessageBubble.tsx
index be9c015..df05d6c 100644
--- a/src/components/messageStream/MessageBubble.tsx
+++ b/src/components/messageStream/MessageBubble.tsx
@@ -36,7 +36,7 @@ export function MessageBubble({ post }: { post: Post }) {
       id={`post-${post.id}`}
       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-[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]"
       } ${isTextOnly ? "px-3 py-2" : "p-2"}`}
     >