style: make message cards fluid width

2026-05-27 12:11:01 +08:00
parent 7cd48f767e
commit 68cbce9cf1
1 changed files with 1 additions and 1 deletions
--- 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"}`}
    >