1 files changed, 30 insertions, 67 deletions
diff --git a/modules/lock/Content.qml b/modules/lock/Content.qml
index 15e1425..43cf871 100644
--- a/modules/lock/Content.qml
+++ b/modules/lock/Content.qml
@@ -1,14 +1,10 @@
-pragma ComponentBehavior: Bound
-
 import qs.components
-import qs.components.images
 import qs.services
 import qs.config
-import qs.utils
 import QtQuick
 import QtQuick.Layouts
 
-GridLayout {
+RowLayout {
     id: root
 
     required property var lock
@@ -16,85 +12,52 @@ GridLayout {
     anchors.fill: parent
     anchors.margins: Appearance.padding.large
 
-    rowSpacing: Appearance.spacing.large
-    columnSpacing: Appearance.spacing.large
-
-    rows: 2
-    columns: 3
+    spacing: Appearance.spacing.large
 
-    StyledRect {
-        Layout.row: 0
-        Layout.column: 0
+    ColumnLayout {
         Layout.fillWidth: true
-        Layout.fillHeight: true
-
-        radius: Appearance.rounding.small
-        color: Colours.tPalette.m3surfaceContainer
-    }
-
-    StyledRect {
-        Layout.row: 1
-        Layout.column: 0
-        Layout.fillWidth: true
-        Layout.fillHeight: true
-
-        radius: Appearance.rounding.small
-        color: Colours.tPalette.m3surfaceContainer
-    }
-
-    StyledClippingRect {
-        Layout.row: 0
-        Layout.column: 1
-        Layout.alignment: Qt.AlignHCenter | Qt.AlignVCenter
+        spacing: Appearance.spacing.normal
 
-        implicitWidth: Config.lock.sizes.faceSize
-        implicitHeight: Config.lock.sizes.faceSize
+        StyledRect {
+            Layout.fillWidth: true
+            Layout.fillHeight: true
 
-        radius: Appearance.rounding.large
-        color: Colours.tPalette.m3surfaceContainer
-
-        MaterialIcon {
-            anchors.centerIn: parent
-
-            text: "person"
-            fill: 1
-            grade: 200
-            font.pointSize: Math.floor(Config.lock.sizes.faceSize / 2)
+            radius: Appearance.rounding.small
+            color: Colours.tPalette.m3surfaceContainer
         }
 
-        CachingImage {
-            id: pfp
+        StyledRect {
+            Layout.fillWidth: true
+            Layout.fillHeight: true
 
-            anchors.fill: parent
-            path: `${Paths.stringify(Paths.home)}/.face`
+            radius: Appearance.rounding.small
+            color: Colours.tPalette.m3surfaceContainer
         }
     }
 
-    Input {
-        Layout.row: 1
-        Layout.column: 1
-
+    Center {
         lock: root.lock
     }
 
-    StyledRect {
-        Layout.row: 0
-        Layout.column: 2
+    ColumnLayout {
         Layout.fillWidth: true
-        Layout.fillHeight: true
+        spacing: Appearance.spacing.normal
 
-        radius: Appearance.rounding.small
-        color: Colours.tPalette.m3surfaceContainer
-    }
+        StyledRect {
+            Layout.fillWidth: true
+            Layout.fillHeight: true
 
-    StyledRect {
-        Layout.row: 1
-        Layout.column: 2
-        Layout.fillWidth: true
-        Layout.fillHeight: true
+            radius: Appearance.rounding.small
+            color: Colours.tPalette.m3surfaceContainer
+        }
 
-        radius: Appearance.rounding.small
-        color: Colours.tPalette.m3surfaceContainer
+        StyledRect {
+            Layout.fillWidth: true
+            Layout.fillHeight: true
+
+            radius: Appearance.rounding.small
+            color: Colours.tPalette.m3surfaceContainer
+        }
     }
 
     component Anim: NumberAnimation {