Skip to content

Commit 811ba55

Browse files
committed
style(ui/chart/mcap): increase line thickness
Signed-off-by: Brandon McAnsh <git@bmcreations.dev>
1 parent 21add9c commit 811ba55

1 file changed

Lines changed: 10 additions & 1 deletion

File tree

  • apps/flipcash/features/tokens/src/main/kotlin/com/flipcash/app/tokens/internal/components/marketcap

apps/flipcash/features/tokens/src/main/kotlin/com/flipcash/app/tokens/internal/components/marketcap/MarketCapChart.kt

Lines changed: 10 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -22,6 +22,7 @@ import androidx.compose.runtime.setValue
2222
import androidx.compose.ui.Modifier
2323
import androidx.compose.ui.draw.clip
2424
import androidx.compose.ui.graphics.Color
25+
import androidx.compose.ui.graphics.StrokeCap
2526
import androidx.compose.ui.graphics.toArgb
2627
import androidx.compose.ui.platform.LocalDensity
2728
import androidx.compose.ui.res.stringResource
@@ -44,6 +45,7 @@ import com.getcode.ui.components.charts.TrendType
4445
import com.getcode.ui.components.charts.yValues
4546
import com.getcode.util.vibration.LocalVibrator
4647
import com.patrykandpatrick.vico.compose.cartesian.CartesianChartHost
48+
import com.patrykandpatrick.vico.compose.cartesian.layer.continuous
4749
import com.patrykandpatrick.vico.compose.cartesian.layer.rememberLine
4850
import com.patrykandpatrick.vico.compose.cartesian.layer.rememberLineCartesianLayer
4951
import 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

Comments
 (0)