feat: New onboarding design

lib/widgets/layouts/login_scaffold.dart

@@ -0,0 +1,45 @@
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+
+class LoginScaffold extends StatelessWidget {
+  final Widget body;
+  final AppBar? appBar;
+
+  const LoginScaffold({
+    Key? key,
+    required this.body,
+    this.appBar,
+  }) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    SystemChrome.setSystemUIOverlayStyle(
+      const SystemUiOverlayStyle(
+        statusBarIconBrightness: Brightness.light,
+        statusBarColor: Colors.transparent,
+        systemNavigationBarContrastEnforced: false,
+        systemNavigationBarColor: Colors.transparent,
+        systemNavigationBarIconBrightness: Brightness.light,
+      ),
+    );
+    return Scaffold(
+      appBar: appBar,
+      extendBodyBehindAppBar: true,
+      body: Container(
+        decoration: const BoxDecoration(
+          image: DecorationImage(
+            fit: BoxFit.cover,
+            image: AssetImage(
+              'assets/login_wallpaper.png',
+            ),
+          ),
+        ),
+        alignment: Alignment.center,
+        child: ConstrainedBox(
+          constraints: const BoxConstraints(maxWidth: 480),
+          child: body,
+        ),
+      ),
+    );
+  }
+}

lib/widgets/layouts/one_page_card.dart

@@ -1,48 +0,0 @@
-import 'dart:math';
-
-import 'package:flutter/material.dart';
-
-import 'package:fluffychat/config/themes.dart';
-import 'package:fluffychat/widgets/matrix.dart';
-
-class OnePageCard extends StatelessWidget {
-  final Widget child;
-
-  /// This will cause the "isLogged()" check to be skipped and force a
-  /// OnePageCard without login wallpaper. This can be used in situations where
-  /// "Matrix.of(context) is not yet available, e.g. in the LockScreen widget.
-  final bool forceBackgroundless;
-
-  const OnePageCard(
-      {Key? key, required this.child, this.forceBackgroundless = false})
-      : super(key: key);
-
-  static const int alpha = 12;
-  static num breakpoint = FluffyThemes.columnWidth * 2;
-  @override
-  Widget build(BuildContext context) {
-    final horizontalPadding =
-        max<double>((MediaQuery.of(context).size.width - 600) / 2, 24);
-    return MediaQuery.of(context).size.width <= breakpoint ||
-            forceBackgroundless ||
-            Matrix.of(context).client.isLogged()
-        ? child
-        : Container(
-            decoration: const BoxDecoration(
-              image: DecorationImage(
-                image: AssetImage('assets/login_wallpaper.jpg'),
-                fit: BoxFit.cover,
-              ),
-            ),
-            child: Padding(
-              padding: EdgeInsets.only(
-                top: 16,
-                left: horizontalPadding,
-                right: horizontalPadding,
-                bottom: max((MediaQuery.of(context).size.height - 600) / 2, 24),
-              ),
-              child: SafeArea(child: Card(elevation: 16, child: child)),
-            ),
-          );
-  }
-}