diff --git a/lib/features/question/presentation/ui/screens/question_screen.dart b/lib/features/question/presentation/ui/screens/question_screen.dart index c49be6e..f2ec930 100644 --- a/lib/features/question/presentation/ui/screens/question_screen.dart +++ b/lib/features/question/presentation/ui/screens/question_screen.dart @@ -29,9 +29,9 @@ class QuestionScreen extends StatelessWidget { return Column( children: [ _stepper(), - _titles(), + _titles(context), MySpaces.s20.gapHeight, - _answers(), + _answers(context), _bottom(context), ], ); @@ -54,9 +54,9 @@ class QuestionScreen extends StatelessWidget { ); } - Widget _titles() { + Widget _titles(BuildContext context) { return Expanded( - flex: 15, + flex: setSize(context: context, mobile: 15, tablet: 5) ?? 1, child: BlocBuilder( buildWhen: (previous, current) => previous.currentQuestion?.id != current.currentQuestion?.id, @@ -80,16 +80,16 @@ class QuestionScreen extends StatelessWidget { ); } - Expanded _answers() { + Expanded _answers(BuildContext context) { return Expanded( - flex: 85, + flex: setSize(context: context, mobile: 85, tablet: 95) ?? 1, child: BlocBuilder( buildWhen: (previous, current) => previous.currentQuestion?.id != current.currentQuestion?.id, builder: (context, state) => GridView.builder( itemCount: state.currentQuestion?.answers?.length ?? 0, padding: EdgeInsets.symmetric( - horizontal: setSize(context: context, tablet: 50) ?? 0, + horizontal: setSize(context: context, tablet: 70) ?? 0, ), gridDelegate: SliverGridDelegateWithFixedCrossAxisCount( crossAxisCount: 2, @@ -155,6 +155,8 @@ class QuestionScreen extends StatelessWidget { ), child: MyImage( image: MyAssets.globe, + fit: BoxFit.cover, + size: setSize(context: context, tablet: 120), ), ), ), diff --git a/lib/features/question/presentation/ui/widgets/glassy_button.dart b/lib/features/question/presentation/ui/widgets/glassy_button.dart index 59d260a..2e9cc1c 100644 --- a/lib/features/question/presentation/ui/widgets/glassy_button.dart +++ b/lib/features/question/presentation/ui/widgets/glassy_button.dart @@ -1,5 +1,6 @@ import 'package:flutter/material.dart'; import 'package:hadi_hoda_flutter/common_ui/resources/my_spaces.dart'; +import 'package:hadi_hoda_flutter/core/utils/set_platform_size.dart'; import 'package:hadi_hoda_flutter/core/widgets/images/my_image.dart'; import 'package:hadi_hoda_flutter/core/widgets/inkwell/my_inkwell.dart'; @@ -15,8 +16,8 @@ class GlassyButton extends StatelessWidget { return Material( color: Colors.transparent, child: Ink( - width: 48, - height: 48, + width: setSize(context: context, mobile: 48, tablet: 80), + height: setSize(context: context, mobile: 48, tablet: 80), decoration: BoxDecoration( shape: BoxShape.circle, gradient: LinearGradient( @@ -34,8 +35,10 @@ class GlassyButton extends StatelessWidget { audio: audio, borderRadius: BorderRadius.all(Radius.circular(100)), child: Padding( - padding: const EdgeInsets.all(MySpaces.s12), - child: MyImage(image: image, size: MySpaces.s22), + padding: EdgeInsets.all( + setSize(context: context, mobile: MySpaces.s12, tablet: MySpaces.s20) ?? 0, + ), + child: MyImage(image: image), ), ), ),