1786049675
This commit is contained in:
128
ui/main.slint
128
ui/main.slint
@@ -84,37 +84,133 @@ export component MainWindow inherits Window {
|
|||||||
}
|
}
|
||||||
|
|
||||||
Rectangle {
|
Rectangle {
|
||||||
x: 38px;
|
x: 0px;
|
||||||
y: 32px + 36px + 5px;
|
y: 32px + 36px + 5px;
|
||||||
width: (root.width / 2) - 38px;
|
width: (root.width / 2);
|
||||||
height: root.height - 32px + 36px + 5px;
|
height: root.height - (32px + 36px + 5px);
|
||||||
|
}
|
||||||
|
|
||||||
|
Rectangle {
|
||||||
|
x: (root.width / 2);
|
||||||
|
y: 5px;
|
||||||
|
width: (root.width / 2);
|
||||||
|
height: root.height - 10px;
|
||||||
|
|
||||||
ComponentCard {
|
ComponentCard {
|
||||||
title: "Switches";
|
title: "Lights";
|
||||||
|
|
||||||
Vertical {
|
Vertical {
|
||||||
|
alignment: start;
|
||||||
Horizontal {
|
Horizontal {
|
||||||
alignment: space_around;
|
alignment: end;
|
||||||
|
Text {
|
||||||
Switch {}
|
text: "Armory Light";
|
||||||
|
vertical-alignment: center;
|
||||||
|
horizontal-alignment: right;
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
Switch {
|
Switch {
|
||||||
off_icon: FilledIcons.close;
|
checked: false;
|
||||||
on_icon: FilledIcons.check;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
Horizontal {
|
Horizontal {
|
||||||
alignment: space_around;
|
alignment: end;
|
||||||
|
Text {
|
||||||
Switch {
|
text: "Bedroom Light";
|
||||||
enabled: false;
|
vertical-alignment: center;
|
||||||
|
horizontal-alignment: right;
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: 500;
|
||||||
}
|
}
|
||||||
|
Switch {
|
||||||
|
checked: false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Horizontal {
|
||||||
|
alignment: end;
|
||||||
|
Text {
|
||||||
|
text: "Hallway Light";
|
||||||
|
vertical-alignment: center;
|
||||||
|
horizontal-alignment: right;
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
Switch {
|
||||||
|
checked: false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Horizontal {
|
||||||
|
alignment: end;
|
||||||
|
Text {
|
||||||
|
text: "Kitchen Light";
|
||||||
|
vertical-alignment: center;
|
||||||
|
horizontal-alignment: right;
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
Switch {
|
||||||
|
checked: false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Horizontal {
|
||||||
|
alignment: end;
|
||||||
|
Text {
|
||||||
|
text: "Living Room Light";
|
||||||
|
vertical-alignment: center;
|
||||||
|
horizontal-alignment: right;
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
Switch {
|
||||||
|
checked: true;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Horizontal {
|
||||||
|
alignment: end;
|
||||||
|
Text {
|
||||||
|
text: "Shower Light";
|
||||||
|
vertical-alignment: center;
|
||||||
|
horizontal-alignment: right;
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
Switch {
|
||||||
|
checked: false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Horizontal {
|
||||||
|
alignment: end;
|
||||||
|
Text {
|
||||||
|
text: "Utilities Light";
|
||||||
|
vertical-alignment: center;
|
||||||
|
horizontal-alignment: right;
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
Switch {
|
Switch {
|
||||||
enabled: false;
|
enabled: false;
|
||||||
on_icon: FilledIcons.check;
|
checked: false;
|
||||||
off_icon: FilledIcons.close;
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Horizontal {
|
||||||
|
alignment: end;
|
||||||
|
Text {
|
||||||
|
text: "WC Light";
|
||||||
|
vertical-alignment: center;
|
||||||
|
horizontal-alignment: right;
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
Switch {
|
||||||
|
checked: false;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user