From 0405e2d3dc8ee4e1dc3dde06e86910e5395b8655 Mon Sep 17 00:00:00 2001
From: lucy <lucykaufmann@protonmail.com>
Date: Sun, 26 Jul 2026 20:34:26 +0200
Subject: [PATCH] add drop shadow to wp selector

---
 modules/wallpaper/WallpaperPicker.qml | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/modules/wallpaper/WallpaperPicker.qml b/modules/wallpaper/WallpaperPicker.qml
index 2b9039b..cc5e19b 100644
--- a/modules/wallpaper/WallpaperPicker.qml
+++ b/modules/wallpaper/WallpaperPicker.qml
@@ -5,6 +5,7 @@ import Quickshell.Widgets
 import Quickshell.Hyprland
 import QtQuick
 import Qt.labs.folderlistmodel 2.11
+import QtQuick.Effects
 
 import qs
 import qs.settings
@@ -65,7 +66,7 @@ Rectangle {
                 wallPicker.visible = false;
             }
             anchors.fill: parent
-            color: Colors.base02
+            color: Colors.base01
             radius: Config.rounding
             border.width: 2
             border.color: Colors.base0D
@@ -74,15 +75,25 @@ Rectangle {
                 id: wallpaperLayout
                 clip: true
                 snapMode: GridView.SnapOneRow
+                anchors.fill: parent
                 flow: GridView.FlowTopToBottom
                 width: parent.width - 10
                 height: parent.height - 10
                 anchors.centerIn: parent
                 model: wallpaperList
-                cellWidth: ((wallPicker.width - wallPicker.margins.left * 2) / 5) + 5
-                cellHeight: (wallPicker.height - wallPicker.margins.bottom / 2)
+                cellWidth: ((wallPicker.width) / 5) - 2
+                cellHeight: wallPicker.height
                 delegate: ClippingWrapperRectangle {
                     id: wallTile
+                    layer.enabled: true
+                    layer.effect: MultiEffect {
+                        id: dropShadow
+                        source: wallTile
+                        shadowEnabled: true
+                        shadowHorizontalOffset: 10
+                        shadowVerticalOffset: 10
+                        shadowColor: "#020202"
+                    }
                     margin: 10
                     required property var modelData
                     color: 'transparent'
@@ -107,6 +118,7 @@ Rectangle {
                             anchors.fill: parent
                             cursorShape: Qt.PointingHandCursor
                             acceptedButtons: Qt.LeftButton
+                            hoverEnabled: true
                             onClicked: {
                                 Config.wallpaper = wallTile.modelData.filePath;
                             }