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

fix: scale down markdown heading sizes to fit chat bubbles

Browse source 
The mikepenz markdown library defaults (h1=57sp, h2=45sp, h3=36sp) were
far too large for the 300dp-wide chat bubbles. Customize h1-h6 to a
range of 14-20sp so headings are proportional to the 16sp body text.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Kohei 2026-02-22 23:30:05 +09:00
parent daac4033d5
commit f764e33454
1 changed files with 11 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -15,7 +15,10 @@ import androidx.compose.runtime.Composable
import androidx.compose.ui.Alignment import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier import androidx.compose.ui.Modifier
import androidx.compose.ui.layout.ContentScale import androidx.compose.ui.layout.ContentScale
import androidx.compose.ui.text.TextStyle
import androidx.compose.ui.text.font.FontWeight
import androidx.compose.ui.unit.dp import androidx.compose.ui.unit.dp
import androidx.compose.ui.unit.sp
import coil3.compose.AsyncImage import coil3.compose.AsyncImage
import com.mikepenz.markdown.m3.Markdown import com.mikepenz.markdown.m3.Markdown
import com.mikepenz.markdown.m3.markdownColor import com.mikepenz.markdown.m3.markdownColor
@ -75,11 +78,18 @@ fun MessageBubble(
) )
} }
if (message.content.isNotEmpty()) { if (message.content.isNotEmpty()) {
val baseStyle = MaterialTheme.typography.bodyLarge.copy(color = TextPrimary)
Markdown( Markdown(
content = message.content, content = message.content,
colors = markdownColor(text = TextPrimary), colors = markdownColor(text = TextPrimary),
typography = markdownTypography( typography = markdownTypography(
paragraph = MaterialTheme.typography.bodyLarge.copy(color = TextPrimary), h1 = baseStyle.copy(fontSize = 20.sp, fontWeight = FontWeight.Bold, lineHeight = 28.sp),
h2 = baseStyle.copy(fontSize = 18.sp, fontWeight = FontWeight.Bold, lineHeight = 26.sp),
h3 = baseStyle.copy(fontSize = 17.sp, fontWeight = FontWeight.SemiBold, lineHeight = 24.sp),
h4 = baseStyle.copy(fontSize = 16.sp, fontWeight = FontWeight.SemiBold, lineHeight = 24.sp),
h5 = baseStyle.copy(fontSize = 15.sp, fontWeight = FontWeight.Medium, lineHeight = 22.sp),
h6 = baseStyle.copy(fontSize = 14.sp, fontWeight = FontWeight.Medium, lineHeight = 20.sp),
paragraph = baseStyle,
), ),
) )
} }