@@ -22,6 +22,7 @@ import androidx.compose.runtime.setValue
2222import androidx.compose.ui.Modifier
2323import androidx.compose.ui.draw.clip
2424import androidx.compose.ui.graphics.Color
25+ import androidx.compose.ui.graphics.StrokeCap
2526import androidx.compose.ui.graphics.toArgb
2627import androidx.compose.ui.platform.LocalDensity
2728import androidx.compose.ui.res.stringResource
@@ -44,6 +45,7 @@ import com.getcode.ui.components.charts.TrendType
4445import com.getcode.ui.components.charts.yValues
4546import com.getcode.util.vibration.LocalVibrator
4647import com.patrykandpatrick.vico.compose.cartesian.CartesianChartHost
48+ import com.patrykandpatrick.vico.compose.cartesian.layer.continuous
4749import com.patrykandpatrick.vico.compose.cartesian.layer.rememberLine
4850import com.patrykandpatrick.vico.compose.cartesian.layer.rememberLineCartesianLayer
4951import com.patrykandpatrick.vico.compose.cartesian.marker.rememberDefaultCartesianMarker
@@ -208,6 +210,7 @@ private fun MarketCapChartContent(
208210 val trendPressedColor = trend.pressedColor
209211 val trendAlpha = if (trend is LineTrend .Up ) 0.10f else 0.25f
210212 val indicatorSize = INDICATOR_SIZE
213+ val strokeSize = 4 .dp
211214 val splitState = rememberLineSplitState()
212215 val vibrator = LocalVibrator .current
213216 val density = LocalDensity .current
@@ -258,10 +261,16 @@ private fun MarketCapChartContent(
258261 leftFill = fill(trendColor),
259262 rightFill = fill(trendPressedColor),
260263 splitX = {
261- splitState.canvasX - with (density) { indicatorSize.toPx() / 2 }
264+ splitState.canvasX - with (density) { indicatorSize.toPx() / 4 }
262265 }
263266 )
264267 },
268+ stroke = remember(trend) {
269+ LineCartesianLayer .LineStroke .continuous(
270+ thickness = strokeSize,
271+ cap = StrokeCap .Round
272+ )
273+ },
265274 areaFill = remember(trend) {
266275 LineCartesianLayer .AreaFill .single(
267276 fill(
0 commit comments