wallpaper picker

Modules/WallpaperItem.qml

@@ -1,18 +1,44 @@
 import Quickshell
+import Quickshell.Widgets
 import QtQuick
 import Caelestia.Models
 
 Item {
     id: root
     required property FileSystemEntry modelData
-    implicitWidth: 192
-    implicitHeight: 108
+    implicitWidth: 288
+    implicitHeight: 162
 
-    Image {
-        id: thumbnailImage
+    scale: 0.5
+    opacity: 0
+    z: PathView.z ?? 0
 
+    Component.onCompleted: {
+        scale = Qt.binding(() => PathView.isCurrentItem ? 1 : PathView.onPath ? 0.8 : 0);
+        opacity = Qt.binding(() => PathView.onPath ? 1 : 0);
+    }
+
+    ClippingRectangle {
         anchors.fill: parent
-        fillMode: Image.PreserveAspectCrop
-        source: root.modelData.path
+        radius: 8
+        color: "#10FFFFFF"
+        Image {
+            id: thumbnailImage
+
+            asynchronous: true
+            anchors.fill: parent
+            fillMode: Image.PreserveAspectCrop
+            source: root.modelData.path
+            sourceSize.width: 960
+            sourceSize.height: 540
+        }
+    }
+
+    Behavior on scale {
+        Anim {}
+    }
+
+    Behavior on opacity {
+        Anim {}
     }
 }