lock screen: redesign password prompt

2025-08-26 17:59:37 +07:00
parent 8f2863c02c
commit 79e7f262a7
12 changed files with 215 additions and 91 deletions
@@ -0,0 +1,39 @@
+import QtQuick
+import QtQuick.Layouts
+import qs.modules.common
+import qs.modules.common.widgets
+
+/**
+ * Material 3 expressive style toolbar.
+ * https://m3.material.io/components/toolbars
+ */
+Item {
+    id: root
+
+    property real padding: 6
+    property alias colBackground: background.color
+    default property alias data: toolbarLayout.data
+    implicitWidth: background.implicitWidth
+    implicitHeight: background.implicitHeight
+
+    StyledRectangularShadow {
+        target: background
+    }
+
+    Rectangle {
+        id: background
+        anchors.centerIn: parent
+        color: Appearance.colors.colLayer2
+        implicitHeight: toolbarLayout.implicitHeight + root.padding * 2
+        implicitWidth: toolbarLayout.implicitWidth + root.padding * 2
+        radius: Appearance.rounding.full
+
+        RowLayout {
+            id: toolbarLayout
+            anchors {
+                fill: parent
+                margins: root.padding
+            }
+        }
+    }
+}