Responsive widget

This commit is contained in:
Patrick Alvin Alcala 2026-02-25 19:21:11 +08:00
parent 5584af0fb7
commit 1c825237f4

View file

@ -10,14 +10,16 @@ class LoginBoxWidget extends StatelessWidget {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
final responsiveWidth = (MediaQuery.of(context).size.width - 30).clamp(100.0, 400.0);
return Container( return Container(
padding: EdgeInsets.all(16), padding: EdgeInsets.all(16),
decoration: BoxDecoration( decoration: BoxDecoration(
borderRadius: BorderRadius.circular(8), borderRadius: BorderRadius.circular(8),
color: Color.fromRGBO(16, 22, 28, 0.584), color: const Color.fromRGBO(16, 22, 28, 0.584),
border: Border.all(color: const Color.fromRGBO(41, 60, 78, 0.914)), border: Border.all(color: const Color.fromRGBO(41, 60, 78, 0.914)),
), ),
width: MediaQuery.of(context).size.width - 30, width: responsiveWidth,
// height: MediaQuery.of(context).size.height / 2.2, // height: MediaQuery.of(context).size.height / 2.2,
child: Column( child: Column(
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,