diff --git a/examples/gallery/ui/pages/easings_page.slint b/examples/gallery/ui/pages/easings_page.slint index 38db5fe8153..58b7c4038b4 100644 --- a/examples/gallery/ui/pages/easings_page.slint +++ b/examples/gallery/ui/pages/easings_page.slint @@ -4,9 +4,7 @@ import { Page } from "page.slint"; import { Button, HorizontalBox, Slider, ScrollView } from "std-widgets.slint"; -component EaseTest inherits HorizontalLayout { - padding: 10px; - spacing: 10px; +component EaseTest { in property label: "None"; in property easing: linear; @@ -19,28 +17,32 @@ component EaseTest inherits HorizontalLayout { ball.x = 0; } } + HorizontalLayout { + padding: 10px; + spacing: 10px; - Button { - width: 140px; - horizontal-stretch: 0; - text: label; clicked => { root.animate(); } - } + Button { + width: 140px; + horizontal-stretch: 0; + text: label; clicked => { root.animate(); } + } - VerticalLayout { - alignment: center; - container := Rectangle { - horizontal-stretch: 1; - height: 4px; - border-radius: 2px; - background: grey; - - ball := Rectangle { - x: 0px; - width: 16px; - height: 16px; - border-radius: 5px; - background: blue; - animate x { duration: duration * 1ms; easing: easing; } + VerticalLayout { + alignment: center; + container := Rectangle { + horizontal-stretch: 1; + height: 4px; + border-radius: 2px; + background: grey; + + ball := Rectangle { + x: 0px; + width: 16px; + height: 16px; + border-radius: 5px; + background: blue; + animate x { duration: duration * 1ms; easing: easing; } + } } } }