Color and Transperencyof Bar, Added TODOs, Rectangle width and height depending on Text inside

2026-02-12 18:24:03 +01:00
parent 7a9756e0e1
commit 19f74f2865
3 changed files with 46 additions and 23 deletions
@@ -2,24 +2,35 @@ import QtQuick
 import Quickshell
 import Quickshell.Hyprland

-Text {
-    id: timeDisplay
+Rectangle {  //workspace
+    width: timeDisplay.width + 16
+    height: timeDisplay.height + 16
+    radius: 4
+    color: "#333333"
+    border.color: "#555555"
+    border.width: 2

-    property string currentTime: ""
+    Text {
+        id: timeDisplay

-    text: currentTime
-    color: "#ffffff"
-    font.pixelSize: 14
-    font.family: "Inter, sans-serif"
+        property string currentTime: ""

-    //Update time every second
-    Timer {
-        interval: 1000
-        running: true
-        repeat: true
-        onTriggered: {
-            var now = new Date()
-            timeDisplay.currentTime = Qt.formatTime(now, "hh:mm:ss")
+        text: currentTime
+        color: "#ffffff"
+        font.pixelSize: 18
+        font.family: "Inter, sans-serif"
+
+        anchors.centerIn: parent
+
+        //Update time every second
+        Timer {
+            interval: 1000
+            running: true
+            repeat: true
+            onTriggered: {
+                var now = new Date()
+                timeDisplay.currentTime = Qt.formatTime(now, "hh:mm:ss")
+            }
        }
    }
 }