lock: fix media position

modules/lock/Clock.qml

@@ -6,8 +6,6 @@ import QtQuick.Layouts
 ColumnLayout {
     id: root
 
-    required property bool locked
-
     spacing: 0
 
     RowLayout {

modules/lock/LockSurface.qml

@@ -90,8 +90,6 @@ WlSessionLockSurface {
         anchors.horizontalCenter: parent.horizontalCenter
         anchors.bottom: parent.top
         anchors.bottomMargin: -backgrounds.clockBottom
-
-        locked: root.locked
     }
 
     Input {
@@ -112,48 +110,55 @@ WlSessionLockSurface {
     }
 
     Loader {
+        id: media
+
         active: root.screen.width > Config.lock.sizes.smallScreenWidth
         asynchronous: true
 
-        sourceComponent: MediaPlaying {
+        state: root.screen.width > Config.lock.sizes.largeScreenWidth ? "tl" : "br"
-            id: media
+        states: [
+            State {
+                name: "tl"
 
-            isLarge: root.screen.width > Config.lock.sizes.largeScreenWidth
+                AnchorChanges {
-
+                    target: media
-            state: isLarge ? "tl" : "br"
+                    anchors.bottom: media.parent.top
-            states: [
+                    anchors.right: media.parent.left
-                State {
-                    name: "tl"
-
-                    AnchorChanges {
-                        target: media
-                        anchors.bottom: media.parent.top
-                        anchors.right: media.parent.left
-                    }
-
-                    PropertyChanges {
-                        media.anchors.bottomMargin: -backgrounds.mediaY
-                        media.anchors.rightMargin: -backgrounds.mediaX
-                    }
-                },
-                State {
-                    name: "br"
-
-                    AnchorChanges {
-                        target: media
-                        anchors.top: media.parent.bottom
-                        anchors.left: media.parent.right
-                    }
-
-                    PropertyChanges {
-                        media.anchors.topMargin: -backgrounds.mediaY
-                        media.anchors.leftMargin: -backgrounds.mediaX
-                    }
                 }
-            ]
+
+                PropertyChanges {
+                    media.anchors.bottomMargin: -backgrounds.mediaY
+                    media.anchors.rightMargin: -backgrounds.mediaX
+                }
+            },
+            State {
+                name: "br"
+
+                AnchorChanges {
+                    target: media
+                    anchors.top: media.parent.bottom
+                    anchors.left: media.parent.right
+                }
+
+                PropertyChanges {
+                    media.anchors.topMargin: -backgrounds.mediaY
+                    media.anchors.leftMargin: -backgrounds.mediaX
+                }
+            }
+        ]
+
+        sourceComponent: MediaPlaying {
+            isLarge: root.screen.width > Config.lock.sizes.largeScreenWidth
         }
     }
 
+    Loader {
+        active: root.screen.width > Config.lock.sizes.largeScreenWidth
+        asynchronous: true
+
+        sourceComponent: Buttons {}
+    }
+
     component Anim: NumberAnimation {
         duration: Appearance.anim.durations.large
         easing.type: Easing.BezierSpline