progress

ClockWidget.qml

@@ -1,18 +1,26 @@
 import QtQuick
-import QtQuick.Layouts
 import Quickshell
 
 Rectangle {
-    width: parent.width
-    height: text.height + 10
-    border.color: "black"
+
+
+    width: text.width
+    implicitHeight:  text.height
+    // border.color: "black"
     border.width: 2
-    radius: 5
-    color: "#30c0ffff"
+    radius: 0
+    color: "transparent"
+
+    Behavior on implicitHeight {
+        NumberAnimation {
+            duration: 100
+            easing.type: Easing.OutCubic
+        }
+    }
 
     Item {
         width: parent.width
-        height: text.height * 2
+        height: text.height
 
         anchors.centerIn: parent
 
@@ -26,11 +34,11 @@ Rectangle {
             anchors.centerIn: parent
             property var date: Date()
 
-            text: Qt.formatDateTime(clock.date, "hh\nmm")
+            text: Qt.formatDateTime(clock.date, "hh mm")
 
             font.family: "ComicShannsMono Nerd Font Mono"
             font.weight: Font.ExtraBold
-            font.pointSize: 18
+            font.pointSize: 12
 
             color: "black"
         }