a lightweight, interval-based utility to combat digital strain through "Ma" (intentional pauses) for the eyes and body.
fix(ui): polish intervalcard component positions
+6
-5
+6
-5
ui/components/interval_card.slint
+6
-5
ui/components/interval_card.slint
···
33
33
property <length> tp: (th - fh) / 2;
34
34
35
35
// Gap between sTypo line box top and numeral glyph top
36
-
// (sTypoAscender - yMax) / UPM = (880 - 735) / 1000 = 0.145
37
-
property <length> index-offset: Theme.font_headline * 0.165;
36
+
// (sTypoAscender - yMax) / UPM = (880 - 735) / 1000 = 0.135
37
+
property <length> index-offset: Theme.font_headline * 0.185;
38
38
39
39
Rectangle {
40
40
border-radius: 8px;
···
66
66
67
67
VerticalLayout {
68
68
spacing: 8px;
69
-
padding-top: index-offset;
69
+
padding-top: Theme.font_headline * 0.35;
70
70
71
71
HorizontalLayout {
72
72
spacing: 8px;
···
201
201
property <length> tp: (44px * Theme.font-scale - Theme.font_medium * 1.364) / 2;
202
202
203
203
// Same index offset as IntervalCard
204
-
property <length> index-offset: Theme.font_headline * 0.165;
204
+
property <length> index-offset: Theme.font_headline * 0.185;
205
205
206
206
Rectangle {
207
207
border-radius: 8px;
···
232
232
233
233
VerticalLayout {
234
234
spacing: 8px;
235
-
padding-top: index-offset;
235
+
padding-top: Theme.font_headline * 0.35;
236
236
237
237
HorizontalLayout {
238
238
spacing: 8px;
···
303
303
304
304
VerticalLayout {
305
305
alignment: LayoutAlignment.stretch;
306
+
padding-top: Theme.font_headline * 0.35;
306
307
307
308
PaperToggle {
308
309
checked <=> root.enabled;