1 files changed, 80 insertions, 0 deletions
diff --git a/modules/lock/Content.qml b/modules/lock/Content.qml
new file mode 100644
index 0000000..b7d3ddb
--- /dev/null
+++ b/modules/lock/Content.qml
@@ -0,0 +1,80 @@
+import qs.components
+import qs.services
+import qs.config
+import QtQuick
+import QtQuick.Layouts
+
+RowLayout {
+    id: root
+
+    required property var lock
+    property real centerScale
+
+    anchors.fill: parent
+    anchors.margins: Appearance.padding.large
+
+    spacing: Appearance.spacing.large * 2
+
+    ColumnLayout {
+        Layout.fillWidth: true
+        spacing: Appearance.spacing.normal
+
+        StyledRect {
+            Layout.fillWidth: true
+            implicitHeight: weather.implicitHeight
+
+            topLeftRadius: Appearance.rounding.large
+            radius: Appearance.rounding.small
+            color: Colours.tPalette.m3surfaceContainer
+
+            WeatherInfo {
+                id: weather
+            }
+        }
+
+        StyledRect {
+            Layout.fillWidth: true
+            Layout.fillHeight: true
+
+            bottomLeftRadius: Appearance.rounding.large
+            radius: Appearance.rounding.small
+            color: Colours.tPalette.m3surfaceContainer
+        }
+    }
+
+    Center {
+        Layout.leftMargin: -(1 - scale) * implicitWidth / 2
+        Layout.rightMargin: -(1 - scale) * implicitWidth / 2
+        scale: root.centerScale
+        lock: root.lock
+    }
+
+    ColumnLayout {
+        Layout.fillWidth: true
+        spacing: Appearance.spacing.normal
+
+        StyledRect {
+            Layout.fillWidth: true
+            Layout.fillHeight: true
+
+            topRightRadius: Appearance.rounding.large
+            radius: Appearance.rounding.small
+            color: Colours.tPalette.m3surfaceContainer
+        }
+
+        StyledRect {
+            Layout.fillWidth: true
+            Layout.fillHeight: true
+
+            bottomRightRadius: Appearance.rounding.large
+            radius: Appearance.rounding.small
+            color: Colours.tPalette.m3surfaceContainer
+        }
+    }
+
+    component Anim: NumberAnimation {
+        duration: Appearance.anim.durations.normal
+        easing.type: Easing.BezierSpline
+        easing.bezierCurve: Appearance.anim.curves.standard
+    }
+}