Drop the rings behind the call avatar

A pair of translucent `primary` circles stood in for the kit's animation.
Against the gradient they read as banding -- two hard edges around the one
thing on screen -- which is what "the box around the center elements" was.
The avatar carries the centre on its own.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
Paul Hitt
2026-09-07 17:34:53 -04:00
co-authored by Claude Opus 5
parent 6ed7931b8b
commit 409925c2f5
@@ -1,7 +1,6 @@
package io.flamenet.messenger.app package io.flamenet.messenger.app
import androidx.compose.foundation.background import androidx.compose.foundation.background
import androidx.compose.foundation.border
import androidx.compose.foundation.clickable import androidx.compose.foundation.clickable
import androidx.compose.foundation.layout.Arrangement import androidx.compose.foundation.layout.Arrangement
import androidx.compose.foundation.layout.Box import androidx.compose.foundation.layout.Box
@@ -76,17 +75,11 @@ fun CallScreenBody(
) { ) {
Spacer(Modifier.height(Space.xxl)) Spacer(Modifier.height(Space.xxl))
// ⚠️ No rings. A pair of translucent `primary` circles sat behind the
// avatar as a stand-in for the kit's animation, and against the
// gradient they read as banding — two hard edges around the one thing
// on screen. The avatar carries the centre on its own.
Box(contentAlignment = Alignment.Center) { Box(contentAlignment = Alignment.Center) {
Box(
modifier = Modifier
.size(260.dp)
.border(24.dp, MaterialTheme.colorScheme.primary.copy(alpha = 0.10f), CircleShape)
)
Box(
modifier = Modifier
.size(190.dp)
.border(16.dp, MaterialTheme.colorScheme.primary.copy(alpha = 0.18f), CircleShape)
)
Box( Box(
modifier = Modifier.size(128.dp).clip(CircleShape).background(Palette.AvatarFill), modifier = Modifier.size(128.dp).clip(CircleShape).background(Palette.AvatarFill),
contentAlignment = Alignment.Center, contentAlignment = Alignment.Center,