ETM-Schurig
/
nymea-app
mirror of https://github.com/nymea/nymea-app.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Update main and thing tiles look

pull/1133/head
Simon Stürz 2025-12-21 22:09:29 +01:00
parent 07c48691ba
commit 7da0b58b50
2 changed files with 24 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
nymea-app/ui/components/BigTile.qml
View File

@ -87,21 +87,8 @@ Item {
id: background
anchors.fill: parent
anchors.margins: app.margins / 2
color: Style.tileBackgroundColor
radius: Style.cornerRadius
clip: true
gradient: Gradient {
GradientStop {
position: (headerContainer.height + app.margins) / background.height
color: Style.tileBackgroundColor
}
GradientStop {
position: (headerContainer.height + app.margins) / background.height
color: headerContainer.visible ?
Style.tileOverlayColor
: Style.tileBackgroundColor
}
}
Ripple {
anchors.fill: parent
@ -128,6 +115,12 @@ Item {
height: childrenRect.height
}
ThinDivider {
Layout.fillWidth: true
opacity: 0.1
visible: headerContainer.visible
color: Style.tileForegroundColor
}
ItemDelegate {
id: content

28
nymea-app/ui/components/MainPageTile.qml
View File

@ -56,17 +56,7 @@ Item {
id: background
anchors.fill: parent
anchors.margins: app.margins / 2
gradient: Gradient {
GradientStop {
position: 1 - innerContent.height / background.height
color: Style.tileOverlayColor
}
GradientStop {
position: 1 - innerContent.height / background.height
color: Style.tileBackgroundColor
}
}
color: Style.tileBackgroundColor
radius: Style.cornerRadius
}
@ -189,6 +179,15 @@ Item {
anchors.fill: innerContent
}
ThinDivider {
anchors.left: innerContent.left
anchors.right: innerContent.right
anchors.bottom: innerContent.top
width: parent.width
opacity: 0.1
color: Style.tileForegroundColor
}
Item {
id: innerContent
anchors { left: parent.left; bottom: parent.bottom; right: parent.right; margins: app.margins / 2 }
@ -199,6 +198,7 @@ Item {
RowLayout {
id: quickAlertPane
anchors { top: parent.top; right: parent.right; margins: app.margins }
ColorIcon {
height: Style.smallIconSize
width: height
@ -214,6 +214,7 @@ Item {
color: root.disconnected ? Style.red : Style.orange
visible: root.setupStatus == Thing.ThingSetupStatusComplete && (root.disconnected || (root.isWireless && root.signalStrength < 20 && root.signalStrength >= 0))
}
ColorIcon {
height: Style.smallIconSize
width: height
@ -221,6 +222,7 @@ Item {
color: root.setupStatus === Thing.ThingSetupStatusFailed ? Style.red : Style.tileForegroundColor
visible: root.setupStatus === Thing.ThingSetupStatusFailed || root.setupStatus === Thing.ThingSetupStatusInProgress
}
ColorIcon {
height: Style.smallIconSize
width: height
@ -229,4 +231,8 @@ Item {
color: Style.tileForegroundColor
}
}
DropShadow {
}
}