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): move header branding to footer

Ariel M. Lighty e3eee5fa 383abdd5

+38 -9
+36 -4
ui/components/footer.slint
··· 13 13 } 14 14 15 15 HorizontalLayout { 16 - padding-left: 24px * Theme.font-scale; 16 + padding-left: 28px * Theme.font-scale; 17 17 padding-right: 24px * Theme.font-scale; 18 18 padding-top: 12px * Theme.font-scale; 19 19 padding-bottom: 14px * Theme.font-scale; 20 20 spacing: 0px; 21 21 22 - Rectangle { horizontal-stretch: 1; } 22 + Rectangle { 23 + height: 40px * Theme.font-scale; 24 + width: mark.preferred-width; 25 + 26 + mark := HorizontalLayout { 27 + spacing: 10px * Theme.font-scale; 28 + alignment: center; 29 + 30 + Text { 31 + text: "ioma"; 32 + font-family: "Shippori Mincho"; 33 + font-size: Theme.font_header; 34 + color: Theme.ink; 35 + vertical-alignment: center; 36 + } 37 + 38 + Text { 39 + text: "間"; 40 + font-family: "Shippori Mincho"; 41 + font-size: Theme.font_xxsmall; 42 + color: Theme.ink-lo; 43 + vertical-alignment: bottom; 44 + } 45 + } 46 + } 47 + 48 + Rectangle { 49 + horizontal-stretch: 1; 50 + } 23 51 24 52 HorizontalLayout { 25 53 spacing: 8px * Theme.font-scale; 26 54 27 55 PaperSecondaryButton { 28 56 text: "Cancel"; 29 - clicked => { root.cancel-clicked(); } 57 + clicked => { 58 + root.cancel-clicked(); 59 + } 30 60 } 31 61 32 62 PaperPrimaryButton { 33 63 text: "Save"; 34 - clicked => { root.save-clicked(); } 64 + clicked => { 65 + root.save-clicked(); 66 + } 35 67 } 36 68 } 37 69 }
+2 -5
ui/settings.slint
··· 1 1 import { Theme } from "theme.slint"; 2 - import { AppHeader } from "components/header.slint"; 3 2 import { DialogFooter } from "components/footer.slint"; 4 3 import { TabButton } from "components/buttons.slint"; 5 4 import { LevelEntry } from "components/interval_card.slint"; ··· 15 14 16 15 export component SettingsWindow inherits Window { 17 16 title: "ioma — Settings"; 18 - preferred-width: 640px; 19 - preferred-height: 580px; 17 + preferred-width: 680px; 18 + preferred-height: 700px; 20 19 min-width: 460px; 21 20 background: Theme.bg; 22 21 default-font-family: "Nunito"; ··· 66 65 private property <string> active-tab: "rhythm"; 67 66 68 67 VerticalLayout { 69 - AppHeader { } 70 - 71 68 HorizontalLayout { 72 69 padding-left: 28px * Theme.font-scale; 73 70 padding-right: 28px * Theme.font-scale;