Made the bar scaling relative and ia a config file

modules/bar/widgets/Clock.qml

@@ -2,14 +2,16 @@ import QtQuick
 import Quickshell
 import Quickshell.Hyprland
 import "../../../colors"
+import "../../../config"
 
 Rectangle {  //workspace
-    width: timeDisplay.width + 8 + dateDisplay.width + 16
-    height: timeDisplay.height + 16
-    radius: 4
+    id: timeAnchore
+    width: dateTimer.running ? Math.max(dateDisplay.width + timeDisplay.width + Config.spacing*3, bar.height) : Math.max(dateDisplay.width + timeDisplay.width + Config.spacing*2, bar.height)
+    height: bar.height
+    radius: Config.radius
     color: Colors.primaryContainer
     border.color: Colors.primaryContainer_fg
-    border.width: 2
+    border.width: Config.border_width
     MouseArea {
         hoverEnabled: true
         cursorShape: Qt.PointingHandCursor
@@ -18,7 +20,7 @@ Rectangle {  //workspace
         
         Row {
             id: row
-            spacing: 8
+            spacing: Config.spacing
             anchors.centerIn: parent
 
             Text {
@@ -27,7 +29,7 @@ Rectangle {  //workspace
 
                 text: currentDate
                 color: Colors.primary
-                font.pixelSize: 18
+                font.pixelSize: Math.floor(bar.height/2)
                 font.family: "Inter, sans-serif"
 
                 Timer {
@@ -49,7 +51,7 @@ Rectangle {  //workspace
 
                 text: currentTime
                 color: Colors.primary
-                font.pixelSize: 18
+                font.pixelSize: Math.floor(bar.height/2)
                 font.family: "Inter, sans-serif"
 
                 Component.onCompleted: {