opencode/picoclaw
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: prevent tall images from being clipped in chat bubbles

Browse source 
Use ContentScale.Fit instead of FillWidth and add heightIn(max=360.dp)
constraint so the entire image is always visible. For very tall images
(ratio < 0.75), prioritize height constraints to avoid oversized bubbles.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Kohei 2026-02-18 21:58:01 +09:00
parent 0179eba2ed
commit d18b7c8a24
1 changed files with 4 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
android/feature/chat/src/main/java/io/picoclaw/android/feature/chat/component/MessageBubble.kt
View file

@ -4,6 +4,7 @@ import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.Column import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.aspectRatio import androidx.compose.foundation.layout.aspectRatio
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.layout.widthIn import androidx.compose.foundation.layout.widthIn
import androidx.compose.foundation.shape.RoundedCornerShape import androidx.compose.foundation.shape.RoundedCornerShape
@ -61,8 +62,9 @@ fun MessageBubble(
modifier = Modifier modifier = Modifier
.fillMaxWidth() .fillMaxWidth()
.padding(bottom = 8.dp) .padding(bottom = 8.dp)
.aspectRatio(ratio), .heightIn(max = 360.dp)
contentScale = ContentScale.FillWidth .aspectRatio(ratio, matchHeightConstraintsFirst = ratio < 0.75f),
contentScale = ContentScale.Fit
) )
} }
if (message.content.isNotEmpty()) { if (message.content.isNotEmpty()) {