sroll issue

This commit is contained in:
Deep Koluguri 2025-11-06 19:36:07 -05:00
parent a56c3e0922
commit 109a3f016d
1 changed files with 30 additions and 16 deletions

View File

@ -213,9 +213,13 @@ class _CombinedDrawDialogState extends State<CombinedDrawDialog>
showRecordingIndicator: true, showRecordingIndicator: true,
child: Dialog( child: Dialog(
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(16.r)), shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(16.r)),
insetPadding: EdgeInsets.symmetric(horizontal: 16.w, vertical: 24.h),
child: Container( child: Container(
width: 500.w, width: double.infinity,
constraints: BoxConstraints(maxHeight: 0.8.sh), constraints: BoxConstraints(
maxHeight: 0.9.sh,
maxWidth: 500.w,
),
child: Column( child: Column(
mainAxisSize: MainAxisSize.min, mainAxisSize: MainAxisSize.min,
children: [ children: [
@ -269,8 +273,8 @@ class _CombinedDrawDialogState extends State<CombinedDrawDialog>
), ),
), ),
// Content // Content - Scrollable
Flexible( Expanded(
child: SingleChildScrollView( child: SingleChildScrollView(
padding: EdgeInsets.all(16.w), padding: EdgeInsets.all(16.w),
child: FadeTransition( child: FadeTransition(
@ -289,23 +293,33 @@ class _CombinedDrawDialogState extends State<CombinedDrawDialog>
), ),
), ),
// Action Buttons // Action Buttons - Always visible at bottom
Container( Container(
padding: EdgeInsets.all(16.w), padding: EdgeInsets.all(16.w),
decoration: BoxDecoration(
color: Colors.white,
border: Border(
top: BorderSide(color: Colors.grey.shade200, width: 1),
),
borderRadius: BorderRadius.only(
bottomLeft: Radius.circular(16.r),
bottomRight: Radius.circular(16.r),
),
),
child: Row( child: Row(
children: [ children: [
Expanded( Expanded(
child: OutlinedButton( child: OutlinedButton(
onPressed: () => Navigator.of(context).pop(), onPressed: () => Navigator.of(context).pop(),
style: OutlinedButton.styleFrom( style: OutlinedButton.styleFrom(
padding: EdgeInsets.symmetric(vertical: 12.h), padding: EdgeInsets.symmetric(vertical: 14.h),
shape: RoundedRectangleBorder( shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(8.r), borderRadius: BorderRadius.circular(8.r),
), ),
), ),
child: Text( child: Text(
'Close', 'Cancel',
style: TextStyle(fontSize: 14.sp), style: TextStyle(fontSize: 16.sp, fontWeight: FontWeight.w600),
), ),
), ),
), ),
@ -317,7 +331,7 @@ class _CombinedDrawDialogState extends State<CombinedDrawDialog>
style: ElevatedButton.styleFrom( style: ElevatedButton.styleFrom(
backgroundColor: Colors.purple.shade600, backgroundColor: Colors.purple.shade600,
foregroundColor: Colors.white, foregroundColor: Colors.white,
padding: EdgeInsets.symmetric(vertical: 12.h), padding: EdgeInsets.symmetric(vertical: 14.h),
shape: RoundedRectangleBorder( shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(8.r), borderRadius: BorderRadius.circular(8.r),
), ),
@ -325,11 +339,11 @@ class _CombinedDrawDialogState extends State<CombinedDrawDialog>
child: Row( child: Row(
mainAxisAlignment: MainAxisAlignment.center, mainAxisAlignment: MainAxisAlignment.center,
children: [ children: [
Icon(Icons.play_arrow, size: 18.w), Icon(Icons.play_arrow, size: 20.w),
SizedBox(width: 6.w), SizedBox(width: 8.w),
Text( Text(
'Start Draw', 'Start Draw',
style: TextStyle(fontSize: 14.sp), style: TextStyle(fontSize: 16.sp, fontWeight: FontWeight.w600),
), ),
], ],
), ),
@ -342,7 +356,7 @@ class _CombinedDrawDialogState extends State<CombinedDrawDialog>
style: ElevatedButton.styleFrom( style: ElevatedButton.styleFrom(
backgroundColor: Colors.green.shade600, backgroundColor: Colors.green.shade600,
foregroundColor: Colors.white, foregroundColor: Colors.white,
padding: EdgeInsets.symmetric(vertical: 12.h), padding: EdgeInsets.symmetric(vertical: 14.h),
shape: RoundedRectangleBorder( shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(8.r), borderRadius: BorderRadius.circular(8.r),
), ),
@ -350,11 +364,11 @@ class _CombinedDrawDialogState extends State<CombinedDrawDialog>
child: Row( child: Row(
mainAxisAlignment: MainAxisAlignment.center, mainAxisAlignment: MainAxisAlignment.center,
children: [ children: [
Icon(Icons.save, size: 18.w), Icon(Icons.save, size: 20.w),
SizedBox(width: 6.w), SizedBox(width: 8.w),
Text( Text(
'Save Result', 'Save Result',
style: TextStyle(fontSize: 14.sp), style: TextStyle(fontSize: 16.sp, fontWeight: FontWeight.w600),
), ),
], ],
), ),