Wip!

Modules/Background/Background.qml

@@ -4,17 +4,18 @@ import Quickshell.Wayland
 import qs.Commons
 import qs.Services
 
-Loader {
-  active: true
+Variants {
+  model: Quickshell.screens
 
-  sourceComponent: Variants {
-    model: Quickshell.screens
+  delegate: Loader {
 
-    delegate: PanelWindow {
-      required property ShellScreen modelData
-      property string wallpaperSource: WallpaperService.getWallpaper(modelData.name)
+    required property ShellScreen modelData
+    property string wallpaperSource: WallpaperService.getWallpaper(modelData.name)
+
+    active: wallpaperSource !== ""
+
+    sourceComponent: PanelWindow {
 
-      visible: wallpaperSource !== ""
       color: Color.transparent
       screen: modelData
       WlrLayershell.layer: WlrLayer.Background
@@ -28,15 +29,10 @@ Loader {
         left: true
       }
 
-      margins {
-        top: 0
-      }
-
       Image {
         anchors.fill: parent
         fillMode: Image.PreserveAspectCrop
         source: wallpaperSource
-        visible: wallpaperSource !== ""
         cache: true
         smooth: true
         mipmap: false

Modules/Background/Overview.qml

@@ -6,23 +6,20 @@ import qs.Commons
 import qs.Services
 import qs.Widgets
 
-Loader {
-  active: CompositorService.isNiri
+Variants {
+  model: Quickshell.screens
 
-  Component.onCompleted: {
-    if (CompositorService.isNiri) {
-      Logger.log("Overview", "Loading Overview component for Niri")
-    }
-  }
+  delegate: Loader {
+    required property ShellScreen modelData
+    property string wallpaperSource: WallpaperService.getWallpaper(modelData.name)
 
-  sourceComponent: Variants {
-    model: Quickshell.screens
+    active: CompositorService.isNiri && wallpaperSource !== ""
 
-    delegate: PanelWindow {
-      required property ShellScreen modelData
-      property string wallpaperSource: WallpaperService.getWallpaper(modelData.name)
+    sourceComponent: PanelWindow {
+      Component.onCompleted: {
+        Logger.log("Overview", "Loading Overview component for Niri on", modelData.name)
+      }
 
-      visible: wallpaperSource !== ""
       color: Color.transparent
       screen: modelData
       WlrLayershell.layer: WlrLayer.Background
@@ -38,19 +35,15 @@ Loader {
 
       Image {
         id: bgImage
-
         anchors.fill: parent
         fillMode: Image.PreserveAspectCrop
         source: wallpaperSource
         cache: true
         smooth: true
         mipmap: false
-        visible: wallpaperSource !== ""
       }
 
       MultiEffect {
-        id: overviewBgBlur
-
         anchors.fill: parent
         source: bgImage
         blurEnabled: true