give the playing indicator a soft halo over art

Replace the offset drop copy with a slightly scaled, blurred dark copy so
the arrow lifts off busy artwork on all sides.
This commit is contained in:
austinried
2026-10-04 00:30:02 +00:00
parent 8a279dcec2
commit c3874ed1c3
@@ -5,7 +5,6 @@ import androidx.compose.foundation.layout.Arrangement
import androidx.compose.foundation.layout.Box import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.Row import androidx.compose.foundation.layout.Row
import androidx.compose.foundation.layout.fillMaxWidth import androidx.compose.foundation.layout.fillMaxWidth
import androidx.compose.foundation.layout.offset
import androidx.compose.foundation.layout.size import androidx.compose.foundation.layout.size
import androidx.compose.foundation.layout.width import androidx.compose.foundation.layout.width
import androidx.compose.foundation.shape.RoundedCornerShape import androidx.compose.foundation.shape.RoundedCornerShape
@@ -23,8 +22,11 @@ import androidx.compose.material3.Text
import androidx.compose.runtime.Composable import androidx.compose.runtime.Composable
import androidx.compose.ui.Alignment import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier import androidx.compose.ui.Modifier
import androidx.compose.ui.draw.BlurredEdgeTreatment
import androidx.compose.ui.draw.blur
import androidx.compose.ui.draw.clip import androidx.compose.ui.draw.clip
import androidx.compose.ui.graphics.Color import androidx.compose.ui.graphics.Color
import androidx.compose.ui.graphics.graphicsLayer
import androidx.compose.ui.semantics.contentDescription import androidx.compose.ui.semantics.contentDescription
import androidx.compose.ui.semantics.semantics import androidx.compose.ui.semantics.semantics
import androidx.compose.ui.text.font.FontWeight import androidx.compose.ui.text.font.FontWeight
@@ -152,8 +154,14 @@ private fun PlayIndicator(
Icon( Icon(
imageVector = Icons.Rounded.PlayArrow, imageVector = Icons.Rounded.PlayArrow,
contentDescription = null, contentDescription = null,
tint = Color.Black.copy(alpha = 0.6f), tint = Color.Black.copy(alpha = 0.5f),
modifier = Modifier.matchParentSize().offset(x = 1.dp, y = 1.dp), modifier =
Modifier
.matchParentSize()
.graphicsLayer {
scaleX = 1.35f
scaleY = 1.35f
}.blur(3.dp, BlurredEdgeTreatment.Unbounded),
) )
} }
Icon( Icon(