fluffychat/lib/widgets/layouts/one_page_card.dart

import 'dart:math';

import 'package:fluffychat/config/themes.dart';
import 'package:flutter/material.dart';

class OnePageCard extends StatelessWidget {
  final Widget child;

  const OnePageCard({Key key, this.child}) : super(key: key);

  static const int alpha = 12;
  static num breakpoint = FluffyThemes.columnWidth * 2;
  @override
  Widget build(BuildContext context) {
    return MediaQuery.of(context).size.width <= breakpoint
        ? child
        : Material(
            color: Theme.of(context).backgroundColor,
            child: Container(
              decoration: BoxDecoration(
                gradient: LinearGradient(
                  begin: Alignment.topRight,
                  end: Alignment.bottomLeft,
                  stops: [
                    0.1,
                    0.4,
                    0.6,
                    0.9,
                  ],
                  colors: [
                    Theme.of(context).secondaryHeaderColor.withAlpha(alpha),
                    Theme.of(context).primaryColor.withAlpha(alpha),
                    Theme.of(context).colorScheme.secondary.withAlpha(alpha),
                    Theme.of(context).backgroundColor.withAlpha(alpha),
                  ],
                ),
              ),
              padding: EdgeInsets.symmetric(
                horizontal:
                    max((MediaQuery.of(context).size.width - 600) / 2, 12),
                vertical:
                    max((MediaQuery.of(context).size.height - 800) / 2, 12),
              ),
              child: SafeArea(child: Card(child: child)),
            ),
          );
  }
}