feat: lock screen

1 files changed, 56 insertions, 0 deletions

diff --git a/modules/lock/Clock.qml b/modules/lock/Clock.qml
new file mode 100644
index 0000000..3d4da9e
--- /dev/null
+++ b/modules/lock/Clock.qml
@@ -0,0 +1,56 @@
+import "root:/widgets"
+import "root:/services"
+import "root:/config"
+import QtQuick
+import QtQuick.Layouts
+
+ColumnLayout {
+    id: root
+
+    required property bool locked
+
+    spacing: 0
+
+    RowLayout {
+        Layout.alignment: Qt.AlignHCenter
+        spacing: Appearance.spacing.small
+
+        StyledText {
+            Layout.alignment: Qt.AlignVCenter
+            text: Time.format("HH")
+            color: Colours.palette.m3secondary
+            font.pointSize: Appearance.font.size.extraLarge * 4
+            font.family: Appearance.font.family.mono
+            font.weight: 800
+        }
+
+        StyledText {
+            Layout.alignment: Qt.AlignVCenter
+            text: ":"
+            color: Colours.palette.m3primary
+            font.pointSize: Appearance.font.size.extraLarge * 4
+            font.family: Appearance.font.family.mono
+            font.weight: 800
+        }
+
+        StyledText {
+            Layout.alignment: Qt.AlignVCenter
+            text: Time.format("mm")
+            color: Colours.palette.m3secondary
+            font.pointSize: Appearance.font.size.extraLarge * 4
+            font.family: Appearance.font.family.mono
+            font.weight: 800
+        }
+    }
+
+    StyledText {
+        Layout.alignment: Qt.AlignHCenter
+        Layout.bottomMargin: Appearance.padding.large * 3
+
+        text: Time.format("dddd, d MMMM yyyy")
+        color: Colours.palette.m3tertiary
+        font.pointSize: Appearance.font.size.extraLarge
+        font.family: Appearance.font.family.mono
+        font.bold: true
+    }
+}