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:
+7
-1
@@ -27,6 +27,7 @@ import androidx.compose.foundation.layout.PaddingValues
|
|||||||
import androidx.compose.foundation.layout.Row
|
import androidx.compose.foundation.layout.Row
|
||||||
import androidx.compose.foundation.layout.Spacer
|
import androidx.compose.foundation.layout.Spacer
|
||||||
import androidx.compose.foundation.layout.fillMaxWidth
|
import androidx.compose.foundation.layout.fillMaxWidth
|
||||||
|
import androidx.compose.foundation.layout.heightIn
|
||||||
import androidx.compose.foundation.layout.padding
|
import androidx.compose.foundation.layout.padding
|
||||||
import androidx.compose.foundation.lazy.LazyRow
|
import androidx.compose.foundation.lazy.LazyRow
|
||||||
import androidx.compose.foundation.lazy.items
|
import androidx.compose.foundation.lazy.items
|
||||||
@@ -137,7 +138,12 @@ private fun ZapperPill(
|
|||||||
modifier = clickModifier,
|
modifier = clickModifier,
|
||||||
) {
|
) {
|
||||||
Row(
|
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,
|
verticalAlignment = Alignment.CenterVertically,
|
||||||
horizontalArrangement = Arrangement.spacedBy(4.dp),
|
horizontalArrangement = Arrangement.spacedBy(4.dp),
|
||||||
) {
|
) {
|
||||||
|
|||||||
Reference in New Issue
Block a user