made panelwindow apply to the whole bar instead of individual containers

Bar.qml

@@ -8,9 +8,15 @@ import "Color.js" as Colors
 
 Scope {
   Variants {
-	model: Quickshell.screens
+	id: panelDelegate
+
+	delegate: panelWindow
+	model: Quickshell.screens
+  }
+
+  Component {
+	id: panelWindow
 
-	delegate: Component {
 	PanelWindow {
 	  id: win
 
@@ -23,9 +29,12 @@ Scope {
 	  exclusionMode: ExclusionMode.Normal
 	  exclusiveZone: barExclusionZone
 	  implicitHeight: barMaxHeight
+	  mask: maskRegion
 	  screen: modelData
 
-		mask: Region {
+	  Region {
+		id: maskRegion
+
 		Region {
 		  item: left
 		}
@@ -45,7 +54,20 @@ Scope {
 		top: true
 	  }
 
+	  MultiEffect {
+		anchors.fill: rowContainer
+		shadowBlur: 1.5
+		shadowColor: Colors.mantle
+		shadowEnabled: true
+		shadowHorizontalOffset: 5
+		shadowOpacity: 1
+		shadowVerticalOffset: 3
+		source: rowContainer
+	  }
+
 	  Item {
+		id: rowContainer
+
 		anchors {
 		  fill: parent
 		  topMargin: 3
@@ -89,12 +111,17 @@ Scope {
 		  id: right
 
 		  Layout.alignment: Qt.AlignTop
+		  spacing: 5
 
 		  anchors {
 			right: parent.right
 			top: parent.top
 		  }
 
+		  Network {
+			monitor: win.monitor
+		  }
+
 		  Bluetooth {
 			monitor: win.monitor
 		  }
@@ -103,4 +130,3 @@ Scope {
 	}
   }
 }
-}

Components/Container.qml

@@ -94,16 +94,6 @@ Item {
 	id: tapHandler
   }
 
-  RectangularShadow {
-	anchors.fill: container
-	blur: 30
-	color: Colors.mantle
-	offset.x: 5
-	offset.y: 2
-	radius: container.radius
-	spread: 5
-  }
-
   Rectangle {
 	id: container