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): color volume from left to end pt correctly

+7 -4
+7 -4
ui/components/inputs.slint
··· 181 181 182 182 export component VolumeSlider { 183 183 in-out property <float> value: 0.5; 184 - private property <length> fill-w: root.width * root.value; 185 184 186 185 min-width: 120px; 187 186 height: 28px; 188 - animate fill-w { duration: 80ms; } 189 187 190 188 Rectangle { 189 + x: 0; 191 190 y: (parent.height - 2px) / 2; 191 + width: parent.width; 192 192 height: 2px; 193 193 background: Theme.toggle-off; 194 194 border-radius: 1px; 195 195 } 196 196 197 197 Rectangle { 198 + x: 0; 198 199 y: (parent.height - 2px) / 2; 199 - width: root.fill-w; 200 + width: parent.width * root.value; 200 201 height: 2px; 201 202 background: Theme.accent; 202 203 border-radius: 1px; 204 + animate width { duration: 80ms; } 203 205 } 204 206 205 207 Rectangle { 206 - x: root.fill-w - 6px; 208 + x: parent.width * root.value - 6px; 207 209 y: (parent.height - 12px) / 2; 208 210 width: 12px; 209 211 height: 12px; ··· 213 215 border-color: Theme.accent; 214 216 drop-shadow-blur: 2px; 215 217 drop-shadow-color: Theme.shadow; 218 + animate x { duration: 80ms; } 216 219 } 217 220 218 221 fs := FocusScope {