byarielm.fyi / ioma
a lightweight, interval-based utility to combat digital strain through "Ma" (intentional pauses) for the eyes and body.
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

fix(ui): footer logo navigates to about, remove header tab`

Ariel M. Lighty 4eb17838 d642d21b

+14 -13
+11 -5
ui/components/footer.slint
··· 6 6 7 7 callback cancel-clicked; 8 8 callback save-clicked; 9 + callback logo-clicked; 9 10 10 11 Rectangle { 11 12 height: 1px; ··· 19 20 padding-bottom: 14px * Theme.font-scale; 20 21 spacing: 0px; 21 22 22 - Rectangle { 23 + logo-ta := TouchArea { 23 24 height: 40px * Theme.font-scale; 24 - width: mark.preferred-width; 25 + mouse-cursor: pointer; 26 + accessible-role: button; 27 + accessible-label: "About ioma"; 28 + clicked => { root.logo-clicked(); } 25 29 26 - mark := HorizontalLayout { 30 + HorizontalLayout { 27 31 spacing: 10px * Theme.font-scale; 28 32 alignment: center; 29 33 ··· 31 35 text: "ioma"; 32 36 font-family: "Shippori Mincho"; 33 37 font-size: Theme.font_header; 34 - color: Theme.ink; 38 + color: logo-ta.has-hover ? Theme.ink-mid : Theme.ink; 35 39 vertical-alignment: center; 40 + animate color { duration: 120ms; } 36 41 } 37 42 38 43 Text { 39 44 text: "間"; 40 45 font-family: "Shippori Mincho"; 41 46 font-size: Theme.font_xxsmall; 42 - color: Theme.ink-lo; 47 + color: logo-ta.has-hover ? Theme.ink-sub : Theme.ink-lo; 43 48 vertical-alignment: bottom; 49 + animate color { duration: 120ms; } 44 50 } 45 51 } 46 52 }
+3 -8
ui/settings.slint
··· 87 87 } 88 88 } 89 89 90 - TabButton { 91 - text: "About"; 92 - active: root.active-tab == "about"; 93 - clicked => { 94 - root.active-tab = "about"; 95 - } 96 - } 97 - 98 90 Rectangle { 99 91 horizontal-stretch: 1; 100 92 } ··· 161 153 } 162 154 save-clicked => { 163 155 root.save-clicked(); 156 + } 157 + logo-clicked => { 158 + root.active-tab = "about"; 164 159 } 165 160 } 166 161 }