fix: clip notif

quickshell/Components/NotificationDisplay.qml

@@ -81,8 +81,9 @@ Item {
           anchors.fill: parent
           RowLayout {
             Layout.alignment: Qt.AlignHCenter
-            spacing: 5
+            spacing: 10
             Text {
+              font.bold: true
               Layout.preferredHeight: 26
               Layout.alignment: Qt.AlignVCenter
               verticalAlignment: Text.AlignVCenter
@@ -123,20 +124,23 @@ Item {
               }
             }
           }
+          ClippingRectangle {
+              color: "transparent"
+              Layout.alignment: Qt.AlignBottom
+              Layout.preferredWidth: parent.width
+              Layout.preferredHeight: parent.height - 24
               ListView {
+                anchors.fill: parent
               id: notificationList
               model: Notifications.list
               spacing: 10
               ScrollBar.vertical: ScrollBar {}
-            Layout.alignment: Qt.AlignCenter
-            Layout.preferredWidth: parent.width
-            Layout.preferredHeight: parent.height
 
               delegate: Item {
                 required property Notification modelData
 
                 height: 100
-              width: 400//notificationList.width
+                width: 400
 
                 Rectangle {
                   id: indivNotif
@@ -184,3 +188,4 @@ Item {
       }
     }
   }
+}

quickshell/Components/NotificationHeader.qml

@@ -26,6 +26,7 @@ RowLayout {
     source: Quickshell.iconPath(modelData_.appIcon)
   }
   Text {
+    font.bold: true
     elide: Text.ElideRight
     text: modelData_.summary
     color: Stylix.base05