notification changes

2026-02-04 14:11:30 +01:00
parent 29606e363a
commit 76e008007e
57 changed files with 4537 additions and 202 deletions
@@ -0,0 +1,49 @@
+pragma ComponentBehavior: Bound
+
+import QtQuick
+import QtQuick.Layouts
+import qs.Components
+import qs.Config
+
+Item {
+    id: root
+
+    anchors.top: parent.top
+    anchors.bottom: parent.bottom
+    implicitWidth: 110
+
+    ColumnLayout {
+        anchors.left: parent.left
+        anchors.right: parent.right
+        anchors.verticalCenter: parent.verticalCenter
+        spacing: 0
+
+        CustomText {
+            Layout.bottomMargin: -(font.pointSize * 0.4)
+            Layout.alignment: Qt.AlignHCenter
+            text: Time.hourStr
+            color: DynamicColors.palette.m3secondary
+            font.pointSize: 18
+            font.family: "Rubik"
+            font.weight: 600
+        }
+
+        CustomText {
+            Layout.alignment: Qt.AlignHCenter
+            text: "•••"
+            color: DynamicColors.palette.m3primary
+            font.pointSize: 18 * 0.9
+            font.family: "Rubik"
+        }
+
+        CustomText {
+            Layout.topMargin: -(font.pointSize * 0.4)
+            Layout.alignment: Qt.AlignHCenter
+            text: Time.minuteStr
+            color: DynamicColors.palette.m3secondary
+            font.pointSize: 18
+            font.family: "Rubik"
+            font.weight: 600
+        }
+    }
+}
@@ -0,0 +1,55 @@
+import QtQuick
+import qs.Helpers
+import qs.Components
+import qs.Config
+
+Item {
+    id: root
+
+    anchors.centerIn: parent
+
+    implicitWidth: icon.implicitWidth + info.implicitWidth + info.anchors.leftMargin
+
+    Component.onCompleted: Weather.reload()
+
+    MaterialIcon {
+        id: icon
+
+        anchors.verticalCenter: parent.verticalCenter
+        anchors.left: parent.left
+
+        animate: true
+        text: Weather.icon
+        color: DynamicColors.palette.m3secondary
+        font.pointSize: 24
+    }
+
+    Column {
+        id: info
+
+        anchors.verticalCenter: parent.verticalCenter
+        anchors.left: icon.right
+
+        spacing: 8
+
+        CustomText {
+            anchors.horizontalCenter: parent.horizontalCenter
+
+            animate: true
+            text: Weather.temp
+            color: DynamicColors.palette.m3primary
+            font.pointSize: Appearance.font.size.extraLarge
+            font.weight: 500
+        }
+
+        CustomText {
+            anchors.horizontalCenter: parent.horizontalCenter
+
+            animate: true
+            text: Weather.description
+
+            elide: Text.ElideRight
+            width: Math.min(implicitWidth, root.parent.width - icon.implicitWidth - info.anchors.leftMargin - 24 * 2)
+        }
+    }
+}