wallpaperPicker image border

modules/wp/WallpaperPicker.qml

@@ -115,20 +115,26 @@ PanelWindow {
 
 
                     // pictures + text
-                    delegate: Item {
+                    delegate: Rectangle {
                         width: grid.cellWidth
                         height: grid.cellHeight
+                        color: "transparent"
 
                         Column {
                             spacing: 20
 
-                            Image { // Image
+                            Rectangle {
-                                source: filePath
-                                fillMode: Image.PreserveAspectCrop
-
                                 width: grid.cellWidth -10 
                                 height: grid.cellHeight * 0.7
 
+                                border.width: 2
+                                border.color: mouseArea.containsMouse ? Qt.alpha(Colors.surfaceContainerHover, 0.5) : "transparent"
+                                
+                                Image { // Image
+                                    source: filePath
+                                    anchors.fill: parent
+                                    fillMode: Image.PreserveAspectCrop
+
                                     sourceSize.width: grid.cellWidth -10
                                     sourceSize.height: grid.cellHeight * 0.7
 
@@ -136,6 +142,14 @@ PanelWindow {
                                     cache: true
                                 }
 
+                                Rectangle {
+                                    anchors.fill: parent
+                                    color: "transparent"
+                                    border.width: 2
+                                    border.color: mouseArea.containsMouse ? Qt.alpha(Colors.surfaceContainerHover, 0.5) : "transparent"
+                                }
+                            }
+
                             Rectangle { // highlight of text
                                 id: textHighlight
                                 width: parent.width - 10