fix(live-chat): keep Top Zappers chips the same height when anonymous

The "Anonymous" chip rendered without a 24dp UserPicture, so its pill
shrank to the text's height and broke horizontal alignment with the
avatar chips in the row. Give the chip row a minimum height equal to
the avatar size so text-only variants stay visually aligned.

https://claude.ai/code/session_01WJA5PvDABegBYUu6h42YZi
This commit is contained in:
Claude
2026-04-21 01:05:52 +00:00
parent 4888d30f6c
commit 900d953fb1
@@ -27,6 +27,7 @@ import androidx.compose.foundation.layout.PaddingValues
import androidx.compose.foundation.layout.Row
import androidx.compose.foundation.layout.Spacer
import androidx.compose.foundation.layout.fillMaxWidth
import androidx.compose.foundation.layout.heightIn
import androidx.compose.foundation.layout.padding
import androidx.compose.foundation.lazy.LazyRow
import androidx.compose.foundation.lazy.items
@@ -137,7 +138,12 @@ private fun ZapperPill(
modifier = clickModifier,
) {
Row(
modifier = Modifier.padding(horizontal = 6.dp, vertical = 2.dp),
// Min height matches the avatar so text-only chips (Anonymous) stay aligned
// with the avatar chips in the horizontal row.
modifier =
Modifier
.heightIn(min = Size24dp)
.padding(horizontal = 6.dp, vertical = 2.dp),
verticalAlignment = Alignment.CenterVertically,
horizontalArrangement = Arrangement.spacedBy(4.dp),
) {