From f58f47e0a51a304d7bf8cecc8003b18fc4b0365f Mon Sep 17 00:00:00 2001 From: chenhang Date: Tue, 14 Jul 2026 17:27:03 +0800 Subject: [PATCH] fix(chat): fit unlocked voice bubble content --- src/app/chat/components/voice-bubble.module.css | 12 +++++++++--- 1 file changed, 9 insertions(+), 3 deletions(-) diff --git a/src/app/chat/components/voice-bubble.module.css b/src/app/chat/components/voice-bubble.module.css index a44b8f73..47fca256 100644 --- a/src/app/chat/components/voice-bubble.module.css +++ b/src/app/chat/components/voice-bubble.module.css @@ -1,8 +1,9 @@ .bubble { - display: flex; + display: inline-flex; align-items: flex-start; gap: var(--spacing-sm, 10px); - width: min(72vw, 280px); + width: fit-content; + max-width: min(72vw, 280px); padding: var(--spacing-md, 12px) clamp(12px, 2.593vw, 14px); border-radius: var(--responsive-card-radius-sm, 20px); box-shadow: var(--shadow-input-box, 0 1px 2px rgba(0, 0, 0, 0.1)); @@ -25,6 +26,7 @@ } .locked { + width: min(72vw, 280px); border: 1px solid rgba(246, 87, 160, 0.2); background: linear-gradient(180deg, rgba(255, 244, 248, 0.95), rgba(255, 255, 255, 0.95)), @@ -69,11 +71,15 @@ .body { display: flex; min-width: 0; - flex: 1 1 auto; + flex: 0 1 auto; flex-direction: column; gap: var(--spacing-sm, 8px); } +.locked .body { + flex: 1 1 auto; +} + .wave { display: flex; align-items: center;