fluffychat/lib/widgets/layouts/login_scaffold.dart

import 'package:flutter/material.dart';

import 'package:fluffychat/config/app_config.dart';
import 'package:fluffychat/config/themes.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) {
    final isMobileMode = !FluffyThemes.isColumnMode(context);
    final scaffold = Scaffold(
      backgroundColor: isMobileMode ? null : Colors.transparent,
      appBar: appBar == null
          ? null
          : AppBar(
              titleSpacing: appBar?.titleSpacing,
              automaticallyImplyLeading:
                  appBar?.automaticallyImplyLeading ?? true,
              centerTitle: appBar?.centerTitle,
              title: appBar?.title,
              leading: appBar?.leading,
              actions: appBar?.actions,
              backgroundColor: isMobileMode ? null : Colors.transparent,
            ),
      extendBodyBehindAppBar: true,
      extendBody: true,
      body: body,
    );
    if (isMobileMode) return scaffold;
    return Container(
      decoration: const BoxDecoration(
        image: DecorationImage(
          image: AssetImage('assets/login_wallpaper.png'),
          fit: BoxFit.cover,
        ),
      ),
      child: Center(
        child: Material(
          color: Theme.of(context).brightness == Brightness.light
              ? Theme.of(context).scaffoldBackgroundColor.withOpacity(0.9)
              : Theme.of(context).scaffoldBackgroundColor.withOpacity(0.75),
          borderRadius: isMobileMode
              ? null
              : BorderRadius.circular(AppConfig.borderRadius),
          elevation: isMobileMode ? 0 : 10,
          clipBehavior: Clip.hardEdge,
          shadowColor: Colors.black,
          child: ConstrainedBox(
            constraints: isMobileMode
                ? const BoxConstraints()
                : const BoxConstraints(maxWidth: 480, maxHeight: 640),
            child: scaffold,
          ),
        ),
      ),
    );
  }
}