This commit is contained in:
Patrick Alvin Alcala 2025-01-31 12:13:03 +08:00
parent 57b8bdc067
commit 7e1ad68433
3 changed files with 33 additions and 29 deletions

View file

@ -109,17 +109,16 @@ class _LoginPageState extends State<LoginPage> {
child: Container(
padding: EdgeInsets.all(32),
decoration: BoxDecoration(
color: const Color.fromARGB(219, 38, 17, 46),
borderRadius: BorderRadius.all(Radius.circular(16)),
// boxShadow: [
// BoxShadow(
// color: const Color.fromRGBO(0, 0, 0, 1).withOpacity(0.4), // Subtle shadow to give depth
// spreadRadius: 0,
// blurRadius: 4,
// offset: Offset(0, 2),
// )
// ]
),
color: const Color.fromRGBO(38, 17, 46, 0.859),
borderRadius: BorderRadius.all(Radius.circular(16)),
boxShadow: [
BoxShadow(
color: const Color.fromRGBO(0, 0, 0, 1).withOpacity(0.4), // Subtle shadow to give depth
spreadRadius: 0,
blurRadius: 4,
offset: Offset(0, 2),
)
]),
child: Form(
child: Column(
children: [
@ -140,7 +139,10 @@ class _LoginPageState extends State<LoginPage> {
),
const Gap(24),
// TextButton(onPressed: () => {_signIn()}, child: const Text('Login'))
ButtonWidget(text: 'Login', onPressed: _signIn)
if (_isLoading)
Center(child: CircularProgressIndicator(color: Colors.white))
else
ButtonWidget(text: 'Login', onPressed: _signIn)
],
)),
),

View file

@ -7,34 +7,36 @@ class MenuWidget extends StatelessWidget {
final String text;
final IconData? icon;
final VoidCallback? onPressed;
final Color? borderColor;
const MenuWidget({
super.key,
required this.text,
this.icon,
this.onPressed,
});
const MenuWidget({super.key, required this.text, this.icon, this.onPressed, this.borderColor});
@override
Widget build(BuildContext context) {
return GestureDetector(
onTap: onPressed,
child: Container(
width: MediaQuery.of(context).size.width - 64,
height: 80,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(10),
color: Colors.grey[200],
),
child: Row(mainAxisAlignment: MainAxisAlignment.start, children: [
width: MediaQuery.of(context).size.width - 96,
padding: EdgeInsets.only(top: 16, bottom: 16),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(12),
border: Border.all(color: borderColor ?? const Color.fromARGB(255, 255, 255, 255), width: 2),
),
child: Row(
mainAxisAlignment: MainAxisAlignment.start,
children: [
const Gap(32),
Icon(icon, size: 32, color: const Color.fromRGBO(34, 51, 69, 1)),
Icon(icon, size: 24, color: const Color.fromRGBO(255, 255, 255, 1)),
const Gap(64),
Text(
text,
style: GoogleFonts.outfit(textStyle: const TextStyle(fontSize: 20)),
style: GoogleFonts.outfit(
color: const Color.fromRGBO(255, 255, 255, 1),
textStyle: const TextStyle(fontSize: 16, fontWeight: FontWeight.w500)),
),
])),
],
),
),
);
}
}

View file

@ -15,7 +15,7 @@ class TextWidget extends StatelessWidget {
style: GoogleFonts.outfit(
textStyle: TextStyle(
color: Color.fromRGBO(255, 255, 255, opacity ?? 1),
fontSize: size ?? 32,
fontSize: size ?? 28,
fontWeight: bold == true ? FontWeight.bold : FontWeight.normal)));
}
}