polkit-kde-agent-1/qml/MobileDialogWindow.qml

0001 /*  This file is part of the KDE project
0002     SPDX-FileCopyrightText: 2021 Aleix Pol Gonzalez <aleixpol@kde.org>
0003     SPDX-FileCopyrightText: 2023 Devin Lin <devin@kde.org>
0004
0005     SPDX-License-Identifier: GPL-2.0-or-later
0006 */
0007
0008 import QtQuick
0009 import QtQuick.Layouts
0010 import QtQuick.Controls as QQC2
0011 import org.kde.kirigami 2.19 as Kirigami
0012 import Qt5Compat.GraphicalEffects
0013 import org.kde.polkitkde 1.0
0014
0015 Kirigami.AbstractApplicationWindow {
0016     id: root
0017     flags: Qt.FramelessWindowHint | Qt.Dialog
0018     color: Qt.rgba(0, 0, 0, 0.5)
0019     visibility: "FullScreen"
0020
0021     property real contentWidth
0022     property alias contents: control.contentItem
0023
0024     Item {
0025         id: windowItem
0026         anchors.centerIn: parent
0027         // margins for shadow
0028         implicitWidth: Math.min(Screen.width, control.implicitWidth + 2 * Kirigami.Units.gridUnit)
0029         implicitHeight: Math.min(Screen.height, control.implicitHeight + 2 * Kirigami.Units.gridUnit)
0030
0031         // shadow
0032         RectangularGlow {
0033             id: glow
0034             anchors.topMargin: 1
0035             anchors.fill: control
0036             cached: true
0037             glowRadius: 2
0038             cornerRadius: Kirigami.Units.gridUnit
0039             spread: 0.1
0040             color: Qt.rgba(0, 0, 0, 0.4)
0041         }
0042
0043         // actual window
0044         QQC2.Control {
0045             id: control
0046             anchors.fill: parent
0047             anchors.margins: glow.cornerRadius
0048             topPadding: Kirigami.Units.gridUnit
0049             bottomPadding: Kirigami.Units.gridUnit
0050             rightPadding: Kirigami.Units.gridUnit
0051             leftPadding: Kirigami.Units.gridUnit
0052
0053             implicitWidth: Kirigami.Units.gridUnit * 22
0054
0055             background: Item {
0056                 Rectangle { // border
0057                     anchors.fill: parent
0058                     anchors.margins: -1
0059                     radius: Kirigami.Units.largeSpacing + 1
0060                     color: Qt.darker(Kirigami.Theme.backgroundColor, 1.5)
0061                 }
0062                 Rectangle { // background colour
0063                     anchors.fill: parent
0064                     radius: Kirigami.Units.largeSpacing
0065                     color: Kirigami.Theme.backgroundColor
0066                 }
0067             }
0068         }
0069     }
0070 }
0071