From 7da0b58b50cdb735a9eeed83c61b890244718495 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Simon=20St=C3=BCrz?= <simon.stuerz@nymea.io>
Date: Sun, 21 Dec 2025 22:09:29 +0100
Subject: [PATCH] Update main and thing tiles look

---
 nymea-app/ui/components/BigTile.qml      | 21 ++++++------------
 nymea-app/ui/components/MainPageTile.qml | 28 ++++++++++++++----------
 2 files changed, 24 insertions(+), 25 deletions(-)

diff --git a/nymea-app/ui/components/BigTile.qml b/nymea-app/ui/components/BigTile.qml
index 2e1559d9..6ddf8994 100644
--- a/nymea-app/ui/components/BigTile.qml
+++ b/nymea-app/ui/components/BigTile.qml
@@ -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
diff --git a/nymea-app/ui/components/MainPageTile.qml b/nymea-app/ui/components/MainPageTile.qml
index ee83f864..6bbedb79 100644
--- a/nymea-app/ui/components/MainPageTile.qml
+++ b/nymea-app/ui/components/MainPageTile.qml
@@ -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 {
+
+    }
 }