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:
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,
|
||||||
|
|||||||
Reference in New Issue
Block a user