Exergie/Telemetrix
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Tweaked hover effects

Browse Source
This commit is contained in:
Hector van der Aa
2026-03-10 14:03:36 +01:00
parent 4ccd49b11b
commit bda1465422
3 changed files with 16 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
ui/components/data-window.slint
View File

@@ -54,9 +54,7 @@ export component DataWindow {
HorizontalLayout { HorizontalLayout {
padding: 12px; padding: 12px;
Rectangle { Rectangle {
area := TouchArea { area := TouchArea { }
mouse-cursor: pointer;
}
background: Palette.bg-main; background: Palette.bg-main;
border-radius: 8px; border-radius: 8px;
@@ -102,7 +100,7 @@ export component DataWindow {
Rectangle { Rectangle {
background: transparent; background: transparent;
border-color: area.has-hover ? Palette.border-focus : Palette.border; border-color: Palette.border;
border-width: 2px; border-width: 2px;
border-radius: 8px; border-radius: 8px;
vertical-stretch: 1; vertical-stretch: 1;

6
ui/components/map-window.slint
View File

@@ -14,9 +14,7 @@ export component MapWindow {
padding: 12px; padding: 12px;
Rectangle { Rectangle {
area := TouchArea { area := TouchArea { }
mouse-cursor: pointer;
}
background: Palette.bg-main; background: Palette.bg-main;
border-radius: 8px; border-radius: 8px;
@@ -135,7 +133,7 @@ export component MapWindow {
Rectangle { Rectangle {
background: transparent; background: transparent;
border-color: area.has-hover ? Palette.border-focus : Palette.border; border-color: Palette.border;
border-width: 2px; border-width: 2px;
border-radius: 8px; border-radius: 8px;
vertical-stretch: 1; vertical-stretch: 1;

14
ui/components/window-header.slint
View File

@@ -31,24 +31,34 @@ export component WindowHeader {
} }
HorizontalLayout { HorizontalLayout {
padding: 4px; padding-right: 4px;
padding-top: 4px;
padding-bottom: 4px;
Rectangle { Rectangle {
width: 12px; width: 12px;
height: 12px; height: 12px;
background: Palette.warning; background: Palette.warning;
border-radius: self.width / 2; border-radius: self.width / 2;
y: (parent.height - self.height) / 2; y: (parent.height - self.height) / 2;
TouchArea {
mouse-cursor: pointer;
}
} }
} }
HorizontalLayout { HorizontalLayout {
padding: 4px; padding-right: 4px;
padding-top: 4px;
padding-bottom: 4px;
Rectangle { Rectangle {
width: 12px; width: 12px;
height: 12px; height: 12px;
background: Palette.error; background: Palette.error;
border-radius: self.width / 2; border-radius: self.width / 2;
y: (parent.height - self.height) / 2; y: (parent.height - self.height) / 2;
TouchArea {
mouse-cursor: pointer;
}
} }
} }
} }