rogcc UI updated:

+ anime tag,
+ app settings tab,
+ fans tab
This commit is contained in:
Mykola Shevchenko
2026-01-20 23:34:31 +02:00
parent c32e6f5ed6
commit 3cb1062714
4 changed files with 23 additions and 11 deletions

View File

@@ -132,8 +132,9 @@ export component PageAnime inherits Rectangle {
width: 100%; width: 100%;
height: 100%; height: 100%;
opacity: 1; opacity: 1;
background: Palette.background;
VerticalLayout { VerticalLayout {
padding: 50px; padding: 4px;
spacing: 10px; spacing: 10px;
GroupBox { GroupBox {
height: 10px; height: 10px;
@@ -141,7 +142,7 @@ export component PageAnime inherits Rectangle {
spacing: 10px; spacing: 10px;
alignment: LayoutAlignment.start; alignment: LayoutAlignment.start;
Text { Text {
font-size: 18px; font-size: 16px;
color: Palette.control-foreground; color: Palette.control-foreground;
horizontal-alignment: TextHorizontalAlignment.center; horizontal-alignment: TextHorizontalAlignment.center;
text: @tr("Set which builtin animations are played"); text: @tr("Set which builtin animations are played");
@@ -194,7 +195,7 @@ export component PageAnime inherits Rectangle {
x: root.width - self.width - 6px; x: root.width - self.width - 6px;
y: 6px; y: 6px;
text: "X"; text: "X";
height: 40px; height: 36px;
clicked => { clicked => {
root.show_builtin_advanced = false; root.show_builtin_advanced = false;
root.show_fade_cover = false; root.show_fade_cover = false;
@@ -206,8 +207,9 @@ export component PageAnime inherits Rectangle {
width: 100%; width: 100%;
height: 100%; height: 100%;
opacity: 1; opacity: 1;
background: Palette.background;
VerticalLayout { VerticalLayout {
padding: 50px; padding: 4px;
spacing: 10px; spacing: 10px;
GroupBox { GroupBox {
height: 100px; height: 100px;
@@ -215,7 +217,7 @@ export component PageAnime inherits Rectangle {
spacing: 10px; spacing: 10px;
alignment: LayoutAlignment.start; alignment: LayoutAlignment.start;
Text { Text {
font-size: 18px; font-size: 16px;
color: Palette.control-foreground; color: Palette.control-foreground;
horizontal-alignment: TextHorizontalAlignment.center; horizontal-alignment: TextHorizontalAlignment.center;
text: @tr("Advanced Display Settings"); text: @tr("Advanced Display Settings");
@@ -255,7 +257,7 @@ export component PageAnime inherits Rectangle {
x: root.width - self.width - 6px; x: root.width - self.width - 6px;
y: 6px; y: 6px;
text: "X"; text: "X";
height: 40px; height: 36px;
clicked => { clicked => {
root.show_display_advanced = false; root.show_display_advanced = false;
root.show_fade_cover = false; root.show_fade_cover = false;

View File

@@ -57,6 +57,7 @@ export component PageAppSettings inherits VerticalLayout {
} }
Text { Text {
color: Palette.accent-background;
text: " WIP: some features like notifications are not complete"; text: " WIP: some features like notifications are not complete";
} }
} }

View File

@@ -16,20 +16,28 @@ component FanTab inherits Rectangle {
in-out property <[Node]> nodes; in-out property <[Node]> nodes;
VerticalLayout { VerticalLayout {
padding: 5px;
HorizontalLayout { HorizontalLayout {
if root.tab_enabled: Graph { if root.tab_enabled: Graph {
nodes <=> root.nodes; nodes <=> root.nodes;
} }
if !root.tab_enabled: Rectangle { if !root.tab_enabled: Rectangle {
Text { Text {
font-size: 24px; font-size: 16px;
text: @tr("This fan is not avilable on this machine"); text: @tr("This fan is not avilable on this machine");
} }
} }
} }
Rectangle {
background: Palette.border;
height: 1px;
}
HorizontalLayout { HorizontalLayout {
alignment: LayoutAlignment.end; alignment: LayoutAlignment.end;
spacing: 10px;
padding: 10px;
CheckBox { CheckBox {
text: @tr("Enabled"); text: @tr("Enabled");
checked <=> root.enabled; checked <=> root.enabled;

View File

@@ -191,10 +191,11 @@ export component Graph inherits Rectangle {
tip := Rectangle { tip := Rectangle {
background: Palette.control-foreground; background: Palette.control-foreground;
opacity: 0.3; opacity: 0.3;
border-radius: 12px;
x: final_x_pos(); x: final_x_pos();
y: final_y_pos(); y: final_y_pos();
width: label.preferred-width; width: label.preferred-width + 14px;
height: label.preferred-height; height: label.preferred-height + 4px;
function x_pos() -> length { function x_pos() -> length {
scale_x_to_graph(n.x) - label.preferred-width - 8px scale_x_to_graph(n.x) - label.preferred-width - 8px
} }
@@ -225,7 +226,7 @@ export component Graph inherits Rectangle {
// //
label := Text { label := Text {
color: Palette.accent-foreground; color: Palette.accent-foreground;
font-size: 16px; font-size: 14px;
text: "\{Math.floor(n.x / 1px)}c, \{fan_pct()}%"; text: "\{Math.floor(n.x / 1px)}c, \{fan_pct()}%";
} }
} }