make notifs and page placeholder use new material shapes

This commit is contained in:
end-4
2025-10-29 11:17:03 +01:00
parent 8b10ec2cfb
commit 05f3e52f55
5 changed files with 14 additions and 8 deletions
@@ -2,7 +2,7 @@ import QtQuick
import qs.modules.common import qs.modules.common
import qs.modules.common.widgets import qs.modules.common.widgets
MaterialCookie { MaterialShape {
id: root id: root
property alias text: symbol.text property alias text: symbol.text
property alias iconSize: symbol.iconSize property alias iconSize: symbol.iconSize
@@ -13,7 +13,7 @@ MaterialCookie {
color: Appearance.colors.colSecondaryContainer color: Appearance.colors.colSecondaryContainer
colSymbol: Appearance.colors.colOnSecondaryContainer colSymbol: Appearance.colors.colOnSecondaryContainer
sides: 5 shape: MaterialShape.Shape.Clover4Leaf
implicitSize: Math.max(symbol.implicitWidth, symbol.implicitHeight) + padding * 2 implicitSize: Math.max(symbol.implicitWidth, symbol.implicitHeight) + padding * 2
@@ -6,7 +6,7 @@ import Quickshell
import Quickshell.Widgets import Quickshell.Widgets
import Quickshell.Services.Notifications import Quickshell.Services.Notifications
MaterialCookie { // App icon MaterialShape { // App icon
id: root id: root
property var appIcon: "" property var appIcon: ""
property var summary: "" property var summary: ""
@@ -21,8 +21,11 @@ MaterialCookie { // App icon
property real smallAppIconSize: implicitSize * smallAppIconScale property real smallAppIconSize: implicitSize * smallAppIconScale
implicitSize: 38 * scale implicitSize: 38 * scale
sides: isUrgent ? 10 : 0 property list<var> urgentShapes: [
amplitude: implicitSize / 24 MaterialShape.Shape.VerySunny,
MaterialShape.Shape.SoftBurst,
]
shape: isUrgent ? urgentShapes[Math.floor(Math.random() * urgentShapes.length)] : MaterialShape.Shape.Circle
color: isUrgent ? Appearance.colors.colPrimary : Appearance.colors.colSecondaryContainer color: isUrgent ? Appearance.colors.colPrimary : Appearance.colors.colSecondaryContainer
Loader { Loader {
@@ -369,6 +369,7 @@ Inline w/ backslash and round brackets \\(e^{i\\pi} + 1 = 0\\)
icon: "neurology" icon: "neurology"
title: Translation.tr("Large language models") title: Translation.tr("Large language models")
description: Translation.tr("Type /key to get started with online models\nCtrl+O to expand the sidebar\nCtrl+P to detach sidebar into a window") description: Translation.tr("Type /key to get started with online models\nCtrl+O to expand the sidebar\nCtrl+P to detach sidebar into a window")
shape: MaterialShape.Shape.PixelCircle
} }
ScrollToBottomButton { ScrollToBottomButton {
@@ -206,6 +206,7 @@ Item {
icon: "bookmark_heart" icon: "bookmark_heart"
title: Translation.tr("Anime boorus") title: Translation.tr("Anime boorus")
description: "" description: ""
shape: MaterialShape.Shape.Bun
} }
ScrollToBottomButton { ScrollToBottomButton {
@@ -7,9 +7,10 @@ Item {
id: root id: root
property bool shown: true property bool shown: true
property alias icon: cookieWrappedMaterialSymbol.text property alias icon: shapeWidget.text
property alias title: widgetNameText.text property alias title: widgetNameText.text
property alias description: widgetDescriptionText.text property alias description: widgetDescriptionText.text
property alias shape: shapeWidget.shape
opacity: shown ? 1 : 0 opacity: shown ? 1 : 0
visible: opacity > 0 visible: opacity > 0
@@ -27,8 +28,8 @@ Item {
anchors.centerIn: parent anchors.centerIn: parent
spacing: 5 spacing: 5
CookieWrappedMaterialSymbol { MaterialShapeWrappedMaterialSymbol {
id: cookieWrappedMaterialSymbol id: shapeWidget
Layout.alignment: Qt.AlignHCenter Layout.alignment: Qt.AlignHCenter
iconSize: 60 iconSize: 60
rotation: -60 * (1 - root.opacity) rotation: -60 * (1 - root.opacity)