mirror of
https://gitlab.com/asus-linux/asusctl.git
synced 2026-02-06 00:15:04 +01:00
feat: improve the UI
This commit is contained in:
@@ -104,31 +104,37 @@ export component MainWindow inherits Window {
|
|||||||
|
|
||||||
/*if(side-bar.current-item == 1):*/ aura := PageAura {
|
/*if(side-bar.current-item == 1):*/ aura := PageAura {
|
||||||
width: root.width - side-bar.width;
|
width: root.width - side-bar.width;
|
||||||
|
height: root.height + 12px;
|
||||||
visible: side-bar.current-item == 1;
|
visible: side-bar.current-item == 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
if(side-bar.current-item == 2): PageAnime {
|
if(side-bar.current-item == 2): PageAnime {
|
||||||
width: root.width - side-bar.width;
|
width: root.width - side-bar.width;
|
||||||
|
height: root.height + 12px;
|
||||||
visible: side-bar.current-item == 2;
|
visible: side-bar.current-item == 2;
|
||||||
}
|
}
|
||||||
|
|
||||||
if(side-bar.current-item == 3): fans := PageFans {
|
if(side-bar.current-item == 3): fans := PageFans {
|
||||||
width: root.width - side-bar.width;
|
width: root.width - side-bar.width;
|
||||||
|
height: root.height + 12px;
|
||||||
visible: side-bar.current-item == 3;
|
visible: side-bar.current-item == 3;
|
||||||
}
|
}
|
||||||
|
|
||||||
if(side-bar.current-item == 4): PageGPU {
|
if(side-bar.current-item == 4): PageGPU {
|
||||||
width: root.width - side-bar.width;
|
width: root.width - side-bar.width;
|
||||||
|
height: root.height + 12px;
|
||||||
visible: side-bar.current-item == 4;
|
visible: side-bar.current-item == 4;
|
||||||
}
|
}
|
||||||
|
|
||||||
if(side-bar.current-item == 5): PageAppSettings {
|
if(side-bar.current-item == 5): PageAppSettings {
|
||||||
width: root.width - side-bar.width;
|
width: root.width - side-bar.width;
|
||||||
|
height: root.height + 12px;
|
||||||
visible: side-bar.current-item == 5;
|
visible: side-bar.current-item == 5;
|
||||||
}
|
}
|
||||||
|
|
||||||
if(side-bar.current-item == 6): PageAbout {
|
if(side-bar.current-item == 6): PageAbout {
|
||||||
width: root.width - side-bar.width;
|
width: root.width - side-bar.width;
|
||||||
|
height: root.height + 12px;
|
||||||
visible: side-bar.current-item == 6;
|
visible: side-bar.current-item == 6;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -238,17 +238,6 @@ export component PageAura inherits Rectangle {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
Button {
|
|
||||||
x: root.width - self.width - 6px;
|
|
||||||
y: 6px;
|
|
||||||
text: "✕";
|
|
||||||
height: 36px;
|
|
||||||
clicked => {
|
|
||||||
root.show_aura_power = false;
|
|
||||||
root.show_fade_cover = false;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -292,17 +281,6 @@ export component PageAura inherits Rectangle {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
Button {
|
|
||||||
x: root.width - self.width - 6px;
|
|
||||||
y: 6px;
|
|
||||||
text: "✕";
|
|
||||||
height: 36px;
|
|
||||||
clicked => {
|
|
||||||
root.show_aura_power = false;
|
|
||||||
root.show_fade_cover = false;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -346,17 +324,17 @@ export component PageAura inherits Rectangle {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
Button {
|
if root.show_aura_power: Button {
|
||||||
x: root.width - self.width - 6px;
|
x: root.width - self.width - 6px;
|
||||||
y: 6px;
|
y: 6px;
|
||||||
text: "✕";
|
text: "✕";
|
||||||
height: 36px;
|
height: 36px;
|
||||||
clicked => {
|
clicked => {
|
||||||
root.show_aura_power = false;
|
root.show_aura_power = false;
|
||||||
root.show_fade_cover = false;
|
root.show_fade_cover = false;
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -18,8 +18,22 @@ export component PageGPU inherits Rectangle {
|
|||||||
|
|
||||||
ScrollView {
|
ScrollView {
|
||||||
VerticalLayout {
|
VerticalLayout {
|
||||||
padding: 10px;
|
padding: 12px;
|
||||||
spacing: 10px;
|
spacing: 8px;
|
||||||
|
|
||||||
|
Rectangle {
|
||||||
|
background: Palette.alternate-background;
|
||||||
|
border-color: Palette.border;
|
||||||
|
border-width: 1px;
|
||||||
|
border-radius: 2px;
|
||||||
|
height: 36px;
|
||||||
|
Text {
|
||||||
|
font-size: 16px;
|
||||||
|
color: Palette.control-foreground;
|
||||||
|
horizontal-alignment: TextHorizontalAlignment.center;
|
||||||
|
text: @tr("Internal/Discrete GPU");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
HorizontalLayout {
|
HorizontalLayout {
|
||||||
padding-right: 10px;
|
padding-right: 10px;
|
||||||
|
|||||||
Reference in New Issue
Block a user