limeth/acid
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Add padding to GUI to align it to the screen

Browse source
This commit is contained in:
Jakub Hlusička 2026-01-01 03:07:13 +01:00
parent f7fbe366f6
commit 3b88ae8316
1 changed files with 37 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

64
firmware2/ui/main.slint
View file

@ -1,40 +1,50 @@
import { Button, VerticalBox, LineEdit, GridBox } from "std-widgets.slint";
export component AppWindow inherits Window {
y: 0px;
in-out property <int> counter: 42;
default-font-family: "IBM Plex Sans";
default-font-size: 16pt;
height: 368px;
width: 960px;
in-out property <int> counter: 42;
callback request-increase-value();
GridBox {
height: 240px;
padding: 0px;
padding-top: 8px;
VerticalBox {
width: 960px;
VerticalBox {
Text {
text: "Counter: \{root.counter}";
}
height: 368px;
padding: 0px;
// These off-by-one values might be caused by incorrect timings.
padding-top: 121px;
padding-bottom: 7px;
Rectangle {
background: #2c82ff;
border-color: #ffcf00;
border-width: 1px;
GridBox {
VerticalBox {
Text {
text: "Counter: \{root.counter}";
}
Button {
text: "Increase value";
clicked => {
root.request-increase-value();
Button {
text: "Increase value";
clicked => {
root.request-increase-value();
}
}
LineEdit {
input-type: InputType.password;
text: "LineEdit";
}
}
Button {
text: "Button";
}
Button {
text: "Button";
}
}
LineEdit {
input-type: InputType.password;
text: "LineEdit";
}
}
Button {
text: "Button";
}
Button {
text: "Button";
}
}
}