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