From fcdd915f776fe79c119d7a796e1a7b3e8b0fab36 Mon Sep 17 00:00:00 2001 From: jmug Date: Thu, 24 Apr 2025 18:52:00 -0700 Subject: [PATCH] Use a rectangular colon acording to the design. Signed-off-by: jmug --- src/clock.c | 24 +++++++++++++----------- 1 file changed, 13 insertions(+), 11 deletions(-) diff --git a/src/clock.c b/src/clock.c index 86d4a3f..c91973d 100644 --- a/src/clock.c +++ b/src/clock.c @@ -13,13 +13,15 @@ void RenderClock(float width, int hour, int min, bool blinker_on) { int minute_first = min % 10; int minute_second = min / 10; - float height = width * 0.4519230769; + // Sizes calculated based on the width, base width: 520. + float height = width * 0.4519230769; // 235 - float segment_width = width * 0.2019230769; - float segment_padding = width * 0.0384615385; + float segment_width = width * 0.2019230769; // 105 + float segment_padding = width * 0.0384615385; // 20 float blinker_width = width * 0.1153846154; - float blinker_circle_size = width * 0.0480769231; + float blinker_dot_width = width * 0.0384615385; // 20 + float blinker_dot_height = width * 0.0480769231; // 25 CLAY({ .layout = { @@ -48,22 +50,22 @@ void RenderClock(float width, int hour, int min, bool blinker_on) { ExpandedSpacer(); CLAY({ .backgroundColor = blinker_on ? onColor : offColor, - .cornerRadius = CLAY_CORNER_RADIUS(blinker_circle_size / 2), + /* .cornerRadius = CLAY_CORNER_RADIUS(blinker_circle_size / 2), */ .layout = { .sizing = { - .width = blinker_circle_size, - .height = blinker_circle_size, + .width = blinker_dot_width, + .height = blinker_dot_height, }, }, }) {} - Spacer(blinker_width, blinker_circle_size); + Spacer(blinker_width, blinker_dot_width); CLAY({ .backgroundColor = blinker_on ? onColor : offColor, - .cornerRadius = CLAY_CORNER_RADIUS(blinker_circle_size / 2), + /* .cornerRadius = CLAY_CORNER_RADIUS(blinker_circle_size / 2), */ .layout = { .sizing = { - .width = blinker_circle_size, - .height = blinker_circle_size, + .width = blinker_dot_width, + .height = blinker_dot_height, }, }, }) {}