awesome_login_page/lib/views/login_card.dart

import 'package:flutter/material.dart';

class CardLogin extends StatelessWidget {
  bool passwordInvisible = true;
  CardLogin({super.key});

  @override
  Widget build(BuildContext context) {
    return Container(
      width: double.infinity,
      padding: EdgeInsets.only(bottom: 1),
      decoration: BoxDecoration(
        color: Colors.white,
        borderRadius: BorderRadius.circular(8),
        boxShadow: [
          BoxShadow(
            offset: const Offset(0, 10),
            blurRadius: 15,
            color: const Color(0xFFDADADA).withOpacity(0.15),
          ),
          BoxShadow(
            offset: const Offset(0, -10),
            blurRadius: 10,
            color: const Color(0xFFDADADA).withOpacity(0.15),
          ),
        ],
      ),
      child: Padding(
        padding: EdgeInsets.only(left: 16, right: 16, top: 16),
        child: Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
          Text("Login", style: TextStyle(fontSize: 45, letterSpacing: .6)),
          SizedBox(
            height: 30,
          ),
          Text(
            "Username",
            style: TextStyle(fontSize: 26),
          ),
          TextField(
              decoration: InputDecoration(
            hintText: "Username",
            hintStyle: TextStyle(color: Colors.grey, fontSize: 12),
          )),
          SizedBox(
            height: 30,
          ),
          Text("Password", style: TextStyle(fontSize: 26)),
          TextFormField(
            obscureText: true,
            decoration: InputDecoration(
              hintText: "********",
              hintStyle: TextStyle(color: Colors.grey, fontSize: 12),
              suffixIcon: IconButton(
                icon: Icon(passwordInvisible
                    ? Icons.visibility_off
                    : Icons.visibility),
                onPressed: () {},
              ),
            ),
          ),
          SizedBox(
            height: 35,
          )
        ]),
      ),
    );
  }
}