a lightweight, interval-based utility to combat digital strain through "Ma" (intentional pauses) for the eyes and body.
fix(ui): color volume from left to end pt correctly
+7
-4
+7
-4
ui/components/inputs.slint
+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 {