all

config/modules/quickshell/quickshell/Bar.qml

@@ -28,30 +28,36 @@ Scope {
                 left: parent.left
                 right: parent.right
                 // bottomMargin: 2
-                leftMargin: 5
-                rightMargin: 5
+                leftMargin: 0
+                rightMargin: 0
             }
             RowLayout {
                 // Left
                 Layout.alignment: Qt.AlignLeft
+                // To make sure no children mess with the height of all the other children.
+                // because if one widget is too height, it'll ofset all the other children in the bar
+                Layout.preferredHeight: 20
+                Workspaces {}
             }
             RowLayout {
                 // Center
                 Layout.alignment: Qt.AlignCenter
+                Layout.preferredHeight: 20
             }
             RowLayout {
                 // Right
                 Layout.alignment: Qt.AlignRight
+                Layout.preferredHeight: 20
                 Rectangle {
-                    width: meow.width
-                    height: meow.height
+                    width: clockText.width
+                    height: clockText.height
                     radius: 3.5
 
                     color: "white"
 
                     anchors.centerIn: parent
                     Text {
-                        id: meow
+                        id: clockText
                         // font.pointSize: 24
                         text: Clock.time
                     }

config/modules/quickshell/quickshell/Workspaces.qml

@@ -0,0 +1,17 @@
+// Bar.qml
+import Quickshell
+import Quickshell.Io
+import QtQuick
+import QtQuick.Layouts
+
+Item {
+    id: root
+    width: content.width
+    height: content.height
+    Rectangle {
+        id: content
+        width: 30
+        height: 30
+        color: "red"
+    }
+}