From cd382d4177d8d1da1ad93483bc97b13a30832f24 Mon Sep 17 00:00:00 2001
From: Nydragon <contact@ccnlc.eu>
Date: Sun, 25 Aug 2024 04:02:21 +0200
Subject: [PATCH] feat: style clock widget similarly to audio widget, increase
 font weight and make reactive

---
 src/ClockWidget.qml | 34 ++++++++++++++++++++++++++++------
 1 file changed, 28 insertions(+), 6 deletions(-)

diff --git a/src/ClockWidget.qml b/src/ClockWidget.qml
index 6d25578..14f94d9 100644
--- a/src/ClockWidget.qml
+++ b/src/ClockWidget.qml
@@ -1,11 +1,33 @@
 import QtQuick
 import QtQuick.Layouts
+import "provider"
 
-ColumnLayout {
-    Text {
-        text: String(Time.date.getHours()).padStart(2, '0')
-    }
-    Text {
-        text: String(Time.date.getMinutes()).padStart(2, '0')
+Rectangle {
+    width: parent.width
+    height: clock.height * 1.5
+    anchors.bottomMargin: 5
+    anchors.topMargin: 5
+    border.color: "black"
+    border.width: 2
+    radius: 5
+
+    Rectangle {
+        id: clock
+        height: hours.height + minutes.height
+        anchors.centerIn: parent
+        anchors.verticalCenter: parent.verticalCenter
+        Text {
+            id: hours
+            anchors.horizontalCenter: parent.horizontalCenter
+            font.weight: Font.ExtraBold
+            text: String(Time.date.getHours()).padStart(2, '0')
+        }
+        Text {
+            id: minutes
+            anchors.top: hours.bottom
+            anchors.horizontalCenter: parent.horizontalCenter
+            font.weight: Font.ExtraBold
+            text: String(Time.date.getMinutes()).padStart(2, '0')
+        }
     }
 }