**shadows** update

Effects/ShadowRect.qml

@@ -0,0 +1,29 @@
+import QtQuick
+import QtQuick.Effects
+
+Item {
+    id: root
+    property real radius
+    Rectangle {
+        id: shadowRect
+        anchors.fill: root
+        radius: root.radius
+        layer.enabled: true
+        color: "black"
+        visible: false
+    }
+
+    MultiEffect {
+        id: effects
+        source: shadowRect
+        anchors.fill: shadowRect
+        shadowBlur: 2.0
+        shadowEnabled: true
+        shadowOpacity: 1
+        shadowColor: "black"
+        maskSource: shadowRect
+        maskEnabled: true
+        maskInverted: true
+        autoPaddingEnabled: true
+    }
+}

Modules/Launcher.qml

@@ -7,6 +7,7 @@ import QtQuick.Effects
 import QtQuick.Layouts
 import qs.Config
 import qs.Helpers
+import qs.Effects
 
 Scope {
     id: root
@@ -50,34 +51,15 @@ Scope {
             }
         }
 
-        // mask: Region { item: backgroundRect }
+        ShadowRect {
-
+            id: effects
-        Rectangle {
-            id: shadowRect
             anchors {
                 top: appListRect.top
                 bottom: backgroundRect.bottom
                 left: appListRect.left
                 right: appListRect.right
             }
-            layer.enabled: true
             radius: 8
-            color: "black"
-            visible: false
-        }
-
-        MultiEffect {
-            id: effects
-            source: shadowRect
-            anchors.fill: shadowRect
-            shadowBlur: 2.0
-            shadowEnabled: true
-            shadowOpacity: 1
-            shadowColor: "black"
-            maskSource: shadowRect
-            maskEnabled: true
-            maskInverted: true
-            autoPaddingEnabled: true
         }
 
         Rectangle {

Modules/NotifGroupRepeater.qml

@@ -21,7 +21,7 @@ Repeater {
         property bool previewHidden: groupColumn.shouldShow && index > 0
 
         width: parent.width
-        height: contentColumn.height + 20
+        height: contentColumn.height + 15
         color: Config.baseBgColor
         border.color: "#555555"
         border.width: 1
@@ -107,19 +107,25 @@ Repeater {
             }
         }
 
-        Behavior on height {
+        // Behavior on height {
-            Anim {
+        //     Anim {
-                duration: MaterialEasing.expressiveDefaultSpatialTime
+        //         duration: MaterialEasing.expressiveDefaultSpatialTime
-                easing.bezierCurve: MaterialEasing.expressiveDefaultSpatial
+        //         easing.bezierCurve: MaterialEasing.expressiveDefaultSpatial
-            }
+        //     }
-        }
+        // }
 
         Column {
             id: contentColumn
-            anchors.centerIn: parent
+            anchors.top: parent.top
-            width: parent.width - 20
+            anchors.left: parent.left
+            anchors.right: parent.right
+            anchors.leftMargin: 10
+            anchors.rightMargin: 10
+            anchors.topMargin: 5
+            // width: parent.width - 20
             spacing: 10
             RowLayout {
+                id: infoRow
                 width: parent.width
                 spacing: 10
 
@@ -135,7 +141,6 @@ Repeater {
                 ColumnLayout {
                     Layout.fillWidth: true
                     Layout.fillHeight: true
-                    spacing: 2
 
                     Text {
                         text: groupHeader.modelData.summary
@@ -144,6 +149,7 @@ Repeater {
                         font.pointSize: 16
                         elide: Text.ElideRight
                         Layout.fillWidth: true
+                        Layout.alignment: Qt.AlignTop
                     }
 
                     Text {
@@ -161,7 +167,7 @@ Repeater {
                 }
 
                 Text {
-                    text: groupColumn.notifications.length > 1 ? ( groupColumn.isExpanded ? "" : "(" + groupColumn.notifications.length + ")" ) : ""
+                    text: groupHeader.modelData.timeStr
                     font.pointSize: 10
                     color: "#666666"
                     Layout.alignment: Qt.AlignRight | Qt.AlignVCenter

Modules/NotificationCenter.qml

@@ -4,10 +4,12 @@ import Quickshell.Io
 import Quickshell.Wayland
 import QtQuick.Layouts
 import QtQuick.Controls.FluentWinUI3
+import QtQuick.Effects
 import QtQuick
 import qs.Config
 import qs.Helpers
 import qs.Daemons
+import qs.Effects
 
 PanelWindow {
     id: root
@@ -94,6 +96,11 @@ PanelWindow {
         bar: root.bar
     }
 
+    ShadowRect {
+        anchors.fill: backgroundRect
+        radius: backgroundRect.radius
+    }
+
     Rectangle {
         id: backgroundRect
         y: 10

Modules/TrackedNotification.qml

@@ -7,6 +7,7 @@ import QtQuick
 import qs.Config
 import qs.Daemons
 import qs.Helpers
+import qs.Effects
 
 PanelWindow {
     id: root
@@ -106,9 +107,19 @@ PanelWindow {
             NotifRegion {}
         }
 
-        delegate: Rectangle {
+        delegate: Item {
-            id: backgroundRect
+            id: rootItem
+            implicitWidth: 400
+            implicitHeight: contentLayout.childrenRect.height + 16
             required property NotifServer.Notif modelData
+
+            ShadowRect {
+                anchors.fill: backgroundRect
+                radius: backgroundRect.radius
+            }
+
+            Rectangle {
+                id: backgroundRect
                 implicitWidth: 400
                 implicitHeight: contentLayout.childrenRect.height + 16
                 color: Config.baseBgColor
@@ -129,11 +140,11 @@ PanelWindow {
                     RowLayout {
                         spacing: 12
                         IconImage {
-                        source: backgroundRect.modelData.image
+                            source: rootItem.modelData.image
                             Layout.preferredWidth: 48
                             Layout.preferredHeight: 48
                             Layout.alignment: Qt.AlignHCenter | Qt.AlignLeft
-                        visible: backgroundRect.modelData.image !== ""
+                            visible: rootItem.modelData.image !== ""
                         }
 
                         ColumnLayout {
@@ -143,7 +154,7 @@ PanelWindow {
                             Layout.alignment: Qt.AlignVCenter | Qt.AlignLeft
 
                             Text {
-                            text: backgroundRect.modelData.appName
+                                text: rootItem.modelData.appName
                                 color: "white"
                                 font.bold: true
                                 font.pointSize: 14
@@ -153,7 +164,7 @@ PanelWindow {
                             }
 
                             Text {
-                            text: backgroundRect.modelData.summary
+                                text: rootItem.modelData.summary
                                 color: "white"
                                 font.pointSize: 12
                                 font.bold: true
@@ -165,7 +176,7 @@ PanelWindow {
                         }
                     }
                     Text {
-                    text: backgroundRect.modelData.body
+                        text: rootItem.modelData.body
                         color: "#dddddd"
                         font.pointSize: 14
                         elide: Text.ElideRight
@@ -197,7 +208,8 @@ PanelWindow {
                         anchors.fill: parent
                         hoverEnabled: true
                         onClicked: {
-                        backgroundRect.modelData.close();
+                            rootItem.modelData.close();
+                        }
                     }
                 }
             }

Wallpaper.qml

@@ -13,6 +13,7 @@ Scope {
             screen: modelData
             WlrLayershell.exclusionMode: ExclusionMode.Ignore
             WlrLayershell.layer: WlrLayer.Bottom
+            color: "transparent"
 
             anchors {
                 top: true