From 1c825237f429d0a70193c34861955145a0f15338 Mon Sep 17 00:00:00 2001
From: Patrick Alvin Alcala <patrick_alv@yahoo.com>
Date: Wed, 25 Feb 2026 19:21:11 +0800
Subject: [PATCH] Responsive widget

---
 lib/widgets/login_box_widget.dart | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/lib/widgets/login_box_widget.dart b/lib/widgets/login_box_widget.dart
index a307bdc..39fab2d 100644
--- a/lib/widgets/login_box_widget.dart
+++ b/lib/widgets/login_box_widget.dart
@@ -10,14 +10,16 @@ class LoginBoxWidget extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
+    final responsiveWidth = (MediaQuery.of(context).size.width - 30).clamp(100.0, 400.0);
+
     return Container(
       padding: EdgeInsets.all(16),
       decoration: BoxDecoration(
         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)),
       ),
-      width: MediaQuery.of(context).size.width - 30,
+      width: responsiveWidth,
       // height: MediaQuery.of(context).size.height / 2.2,
       child: Column(
         crossAxisAlignment: CrossAxisAlignment.start,