feat: login card with avatar, inputs and idle fade

1 files changed, 6 insertions, 8 deletions

diff --git a/theme/Main.qml b/theme/Main.qml
index f1b91ee..e5c529f 100644
--- a/theme/Main.qml
+++ b/theme/Main.qml
@@ -6,6 +6,7 @@
 // else the primary screen); input wakes the card after it fades.
 
 import QtQuick
+import "components"
 
 Item {
     id: root
@@ -110,17 +111,14 @@ Item {
         event.accepted = false
     }
 
-    // Placeholder card. Task 2 replaces this with components/LoginCard.qml.
-    Rectangle {
+    LoginCard {
         id: card
-        x: root.cardGeometry.x + (root.cardGeometry.width - width) / 2
+        x: root.cardGeometry.x + (root.cardGeometry.width - width) / 2 + card.shakeOffset
         y: root.cardGeometry.y + (root.cardGeometry.height - height) / 2
-        width: 380
-        height: 220
-        radius: root.cardRadius
-        color: config.stringValue("mantle")
-        opacity: root.uiVisible ? 0.9 : 0
+        backdropSource: root.cardScreenImage
         visible: opacity > 0
+        opacity: root.uiVisible ? 1 : 0
         Behavior on opacity { NumberAnimation { duration: 260; easing.type: Easing.OutCubic } }
+        onWake: root.wake()
     }
 }