getting things done

Bar.qml

@@ -1,8 +1,10 @@
 import QtQuick
 import QtQuick.Effects
+import QtQuick.Layouts
 import Quickshell
 import Quickshell.Hyprland
-import "Components/Color.js" as Colors
+import "Bar"
+import "Color.js" as Colors
 
 Scope {
   Variants {
@@ -12,22 +14,75 @@ Scope {
 	  PanelWindow {
 		id: win
 
+		property double barExclusionZone: 15
+		property double barMaxHeight: 1000
 		required property var modelData
 		property HyprlandMonitor monitor: Hyprland.monitorFor(modelData)
 
 		color: "transparent"
 		exclusionMode: ExclusionMode.Normal
-		exclusiveZone: 15
-		implicitHeight: 1000
+		exclusiveZone: barExclusionZone
+		implicitHeight: barMaxHeight
 		screen: modelData
 
-		mask: Region {}
+		mask: Region {
+		  Region {
+			item: left
+		  }
+
+		  Region {
+			item: center
+		  }
+
+		  Region {
+			item: right
+		  }
+		}
 
 		anchors {
 		  left: true
 		  right: true
 		  top: true
 		}
+
+		Item {
+		  anchors {
+			fill: parent
+			topMargin: 2
+		  }
+
+		  Row {
+			id: left
+
+			height: childrenRect.height
+
+			anchors {
+			  right: parent.right
+			}
+		  }
+
+		  Row {
+			id: center
+
+			height: childrenRect.height
+
+			anchors {
+			  horizontalCenter: parent.horizontalCenter
+			}
+
+			Center {}
+		  }
+
+		  Row {
+			id: right
+
+			height: childrenRect.height
+
+			anchors {
+			  left: parent.left
+			}
+		  }
+		}
 	  }
 	}
   }