fix: center text and icons vertically in input capsule

Column gets heightIn(min=64dp) + Arrangement.Center so content
sits in the middle. Placeholder maxLines=1 to prevent overflow dots.
This commit is contained in:
Bruno Deanoz 2026-06-23 14:24:21 +02:00
parent 1d47e05dbf
commit 9f7e3fb8b0

View file

@ -758,7 +758,10 @@ fun ChatInput(
shadowStack = KaizenShadows.level4,
cornerRadius = 34.dp,
) {
Column {
Column(
Modifier.heightIn(min = 64.dp),
verticalArrangement = Arrangement.Center,
) {
if (isRecording) {
Column(Modifier.padding(horizontal = 14.dp)) {
VoiceWaveform(amplitude = recordingAmplitude)
@ -809,7 +812,6 @@ fun ChatInput(
Row(
Modifier
.fillMaxWidth()
.heightIn(min = 64.dp)
.padding(start = 10.dp, end = 8.dp),
verticalAlignment = Alignment.CenterVertically,
) {
@ -829,6 +831,7 @@ fun ChatInput(
color = cs.onSurfaceVariant.copy(alpha = 0.38f),
fontSize = 16.sp,
fontWeight = FontWeight.W300,
maxLines = 1,
)
BasicTextField(
value = value, onValueChange = onValueChange,