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.Modifier
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.sp
import coil3.compose.AsyncImage
import com.mikepenz.markdown.m3.Markdown
import com.mikepenz.markdown.m3.markdownColor
@ -75,11 +78,18 @@ fun MessageBubble(
)
}
if (message.content.isNotEmpty()) {
val baseStyle = MaterialTheme.typography.bodyLarge.copy(color = TextPrimary)
Markdown(
content = message.content,
colors = markdownColor(text = TextPrimary),
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,
),
)
}