diff options
| author | 2 * r + 2 * t <61896496+soramanew@users.noreply.github.com> | 2025-09-14 19:04:49 +1000 |
|---|---|---|
| committer | 2 * r + 2 * t <61896496+soramanew@users.noreply.github.com> | 2025-09-14 19:04:49 +1000 |
| commit | 520e3194f4b2135521656d99263be3079ca1ef5f (patch) | |
| tree | b1bd0b2013f7343e7bc87690b995a844453382d7 /modules/utilities/RecordingDeleteModal.qml | |
| parent | utilities: add recording delete confirmation (diff) | |
| download | caelestia-shell-520e3194f4b2135521656d99263be3079ca1ef5f.tar.gz caelestia-shell-520e3194f4b2135521656d99263be3079ca1ef5f.tar.bz2 caelestia-shell-520e3194f4b2135521656d99263be3079ca1ef5f.zip | |
utilities: add scrim to recording delete modal
Diffstat (limited to 'modules/utilities/RecordingDeleteModal.qml')
| -rw-r--r-- | modules/utilities/RecordingDeleteModal.qml | 90 |
1 files changed, 90 insertions, 0 deletions
diff --git a/modules/utilities/RecordingDeleteModal.qml b/modules/utilities/RecordingDeleteModal.qml index 9b6f3d5..f3efe87 100644 --- a/modules/utilities/RecordingDeleteModal.qml +++ b/modules/utilities/RecordingDeleteModal.qml @@ -8,6 +8,7 @@ import qs.config import Caelestia import QtQuick import QtQuick.Layouts +import QtQuick.Shapes Loader { id: root @@ -30,6 +31,95 @@ Loader { hoverEnabled: true onClicked: root.props.recordingConfirmDelete = "" + Item { + anchors.fill: parent + anchors.margins: -Appearance.padding.large + anchors.rightMargin: -Appearance.padding.large - Config.border.thickness + anchors.bottomMargin: -Appearance.padding.large - Config.border.thickness + opacity: 0.5 + + StyledRect { + anchors.fill: parent + topLeftRadius: Config.border.rounding + color: Colours.palette.m3scrim + } + + Shape { + id: shape + + anchors.fill: parent + preferredRendererType: Shape.CurveRenderer + asynchronous: true + + ShapePath { + startX: -Config.border.rounding + startY: shape.height - Config.border.thickness + strokeWidth: 0 + fillGradient: LinearGradient { + orientation: LinearGradient.Horizontal + x1: -Config.border.rounding + + GradientStop { + position: 0 + color: Qt.alpha(Colours.palette.m3scrim, 0) + } + GradientStop { + position: 1 + color: Colours.palette.m3scrim + } + } + + PathArc { + relativeY: -Config.border.rounding + radiusX: Config.border.rounding + radiusY: Config.border.rounding + direction: PathArc.Counterclockwise + } + PathLine { + relativeX: 0 + relativeY: Config.border.rounding + Config.border.thickness + } + PathLine { + relativeX: -Config.border.rounding + relativeY: 0 + } + } + + ShapePath { + startX: shape.width - Config.border.rounding - Config.border.thickness + strokeWidth: 0 + fillGradient: LinearGradient { + orientation: LinearGradient.Vertical + y1: -Config.border.rounding + + GradientStop { + position: 0 + color: Qt.alpha(Colours.palette.m3scrim, 0) + } + GradientStop { + position: 1 + color: Colours.palette.m3scrim + } + } + + PathArc { + relativeX: Config.border.rounding + relativeY: -Config.border.rounding + radiusX: Config.border.rounding + radiusY: Config.border.rounding + direction: PathArc.Counterclockwise + } + PathLine { + relativeX: Config.border.thickness + relativeY: 0 + } + PathLine { + relativeX: 0 + } + } + } + } + StyledRect { anchors.centerIn: parent radius: Appearance.rounding.large |