From d989375b482c83050dcb06a60b3d07cc1d76294b Mon Sep 17 00:00:00 2001
From: Timothy Jaeryang Baek <tim@openwebui.com>
Date: Wed, 7 Oct 2026 13:54:06 +0400
Subject: [PATCH] refac

---
 .../CallOverlay/BridgeCallOverlay.svelte      | 21 +++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/chat/MessageInput/CallOverlay/BridgeCallOverlay.svelte b/src/lib/components/chat/MessageInput/CallOverlay/BridgeCallOverlay.svelte
index d852fdcde0..2f1b8dba3d 100644
--- a/src/lib/components/chat/MessageInput/CallOverlay/BridgeCallOverlay.svelte
+++ b/src/lib/components/chat/MessageInput/CallOverlay/BridgeCallOverlay.svelte
@@ -58,7 +58,7 @@
 	});
 </script>
 
-<section class="bridge-call" aria-label={$i18n.t('Voice call')}>
+<section class="bridge-call" class:avatar-call={showAvatar} aria-label={$i18n.t('Voice call')}>
 	<div class="call-stage">
 		<button
 			type="button"
@@ -209,15 +209,32 @@
 		padding: 12px;
 		border-radius: 50%;
 	}
+	.avatar-call {
+		height: 100%;
+		padding-inline: 0;
+	}
+	.avatar-call .call-stage {
+		min-height: 0;
+		padding: 0;
+	}
+	.avatar-call .call-status {
+		margin-bottom: 24px;
+	}
+	.avatar-call footer {
+		padding-inline: 16px;
+	}
 	.avatar-button {
+		flex: 1;
 		width: 100%;
-		height: clamp(240px, 42vh, 360px);
+		min-height: 160px;
 		position: relative;
 		padding: 0;
 		border-radius: 16px;
 		overflow: hidden;
 	}
 	.avatar-content {
+		position: absolute;
+		inset: 0;
 		width: 100%;
 		height: 100%;
 	}