Use a rectangular colon acording to the design.

Signed-off-by: jmug <u.g.a.mariano@gmail.com>
This commit is contained in:
Mariano Uvalle 2025-04-24 18:52:00 -07:00
parent 18ca1febf4
commit fcdd915f77

View file

@ -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,
},
},
}) {}