fix(web): add aspect-ratio fallback for bare GIF URL messages

2026-03-25 01:56:08 +01:00
parent 234ee9cd23
commit 995c71367e
1 changed files with 5 additions and 2 deletions
@@ -340,11 +340,14 @@ export function Message({ message, isCompact, isFirstInGroup, previousMessageId
        ) : (
          <div className="flex flex-col gap-1">
            {isGifOnly ? (
-              <div className="mt-1 max-w-[250px] rounded-lg overflow-hidden">
+              <div
+                className="mt-1 max-w-[250px] rounded-lg overflow-hidden bg-surface-input"
+                style={{ aspectRatio: '4/3', maxHeight: 250 }}
+              >
                <img
                  src={message.content!.trim()}
                  alt="GIF"
-                  className="max-w-full max-h-[250px] object-contain rounded-lg"
+                  className="w-full h-full object-contain rounded-lg"
                  loading="lazy"
                />
              </div>