diff --git a/app/src/main/kotlin/net/jeena/pacer/ui/PacerScreen.kt b/app/src/main/kotlin/net/jeena/pacer/ui/PacerScreen.kt index db2ec80..1cd7f03 100644 --- a/app/src/main/kotlin/net/jeena/pacer/ui/PacerScreen.kt +++ b/app/src/main/kotlin/net/jeena/pacer/ui/PacerScreen.kt @@ -120,12 +120,35 @@ fun PacerScreen(viewModel: PacerViewModel, modifier: Modifier = Modifier) { // Title Text( text = "PACER", - fontSize = 13.sp, + fontSize = 28.sp, + fontWeight = FontWeight.Bold, fontFamily = JetBrainsMono, - color = FG.copy(alpha = 0.4f), + color = ACCENT, letterSpacing = 5.sp ) + // Pulse ring + ripple + center dot + Box(contentAlignment = Alignment.Center, modifier = Modifier.size(80.dp)) { + Canvas(modifier = Modifier.fillMaxSize()) { + drawCircle( + color = ACCENT.copy(alpha = rippleAlpha.value), + radius = (size.minDimension / 2f) * rippleScale.value, + style = Stroke(width = 2.dp.toPx()) + ) + } + Box( + modifier = Modifier + .size(50.dp) + .border(2.dp, ACCENT, CircleShape) + ) + Box( + modifier = Modifier + .size(12.dp) + .scale(dotScale.value) + .background(ACCENT, CircleShape) + ) + } + // BPM number Column(horizontalAlignment = Alignment.CenterHorizontally) { Text( @@ -145,28 +168,6 @@ fun PacerScreen(viewModel: PacerViewModel, modifier: Modifier = Modifier) { ) } - // Pulse ring + ripple + center dot - Box(contentAlignment = Alignment.Center, modifier = Modifier.size(80.dp)) { - Canvas(modifier = Modifier.fillMaxSize()) { - drawCircle( - color = ACCENT.copy(alpha = rippleAlpha.value), - radius = (size.minDimension / 2f) * rippleScale.value, - style = Stroke(width = 2.dp.toPx()) - ) - } - Box( - modifier = Modifier - .size(50.dp) - .border(2.dp, if (isPlaying) ACCENT else DIM, CircleShape) - ) - Box( - modifier = Modifier - .size(12.dp) - .scale(dotScale.value) - .background(if (isPlaying) ACCENT else DIM, CircleShape) - ) - } - // Start/Stop button OutlinedButton( onClick = { viewModel.togglePlayback() },