From 8b438eaef98197d8c1a0c78870ddb61b7f009f10 Mon Sep 17 00:00:00 2001 From: AmirrezaChegini Date: Sat, 18 Oct 2025 12:30:10 +0330 Subject: [PATCH] fix: intro page --- assets/images/question.png | Bin 1097 -> 0 bytes assets/svg/intro_star.svg | 61 ++++++++++++++ assets/svg/question.svg | 7 ++ lib/common_ui/resources/my_assets.dart | 4 +- .../intro/presentation/ui/intro_page.dart | 78 +++++++++++------- 5 files changed, 121 insertions(+), 29 deletions(-) delete mode 100644 assets/images/question.png create mode 100644 assets/svg/intro_star.svg create mode 100644 assets/svg/question.svg diff --git a/assets/images/question.png b/assets/images/question.png deleted file mode 100644 index 5160d1ee177b5824ab483d98ef167cfaca532be8..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1097 zcmV-P1h)H$P)P001Tk1^@s6F~u+&00009a7bBm000XU z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yPipR6};HW~~!>nBh?0X2g0CVm3o6M#2kODsoDz|9-=VhB{JpMWJo zk#b*#350 zY3g)fTAAl|N&w~~B(e$oA}`yJM-b}#Slc_U)Gl6*Wb)4JHV~BHN`ek+Tp9%HflSOD z0Fd2VA_qY=5ur^)hlIY9K1iS}1myknj3>nbrHi|*>QWy_(Jotsj`=5gu{Az+qg;1Z z+K^MGZnLXZcaeuP7Xc}Gm|Zh{ljdarM0QR-I(w~Z**9o9en$*4b$7Oufb^TIv~0QVa@iop6pW?5nX#+F8~7WZA7-c@Y{Fp$dY|VI0dfhg?Y2H`j@rSNmgDlo*R0F0A&=ju`(Gw*K1Qxn79g&3Lai&n zhrE%4Qm&G#rq+S?2|-8ib&K_mT@ z9BX^6$}1U}gB#D?GbshdP(M1#GoDLr8l^nE*y(aQ7UN^rlk$Rt<}#BG5&&Nh5T5Zi zV#_Z&r_u*J*IS6k?4l(tfY9CT?vDZ(0^!XsO-M2BR7TCbh+`3M;NRKJ~96G`Wm8QNLA8mmsl%pI;$|1nv@+NDx!6Yld(1u}hkTuIiTg zK*T^MN2~H6H%Pi2lJdb_#$wii$%)w-L|uuY;Q3CDN}$pOO)MA%AVLai@z|q~@>&os ziZ9}cxJY*(%_K$Y7UU4c-C-#lVpEslBEjGFB}FBSLCV$8rT?xeXHTFaDhlUw-H<7r zw4zE~+!G9ga9bMP%htJK^6uO_ASwr7OyNAt3P6aGgt7{5VL5B#(>rfwI9XTXxm0P$ zDJZue>lF5>M`K66F$$4|E_fURHIx2!(dE(*h&(t~SP^aam5uBJmjVz88j05FkCXe? zpRRLMZJs{N&|c?6^& diff --git a/assets/svg/intro_star.svg b/assets/svg/intro_star.svg new file mode 100644 index 0000000..17a95dd --- /dev/null +++ b/assets/svg/intro_star.svg @@ -0,0 +1,61 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/svg/question.svg b/assets/svg/question.svg new file mode 100644 index 0000000..3af955f --- /dev/null +++ b/assets/svg/question.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/lib/common_ui/resources/my_assets.dart b/lib/common_ui/resources/my_assets.dart index 6edec51..7ce0a6b 100644 --- a/lib/common_ui/resources/my_assets.dart +++ b/lib/common_ui/resources/my_assets.dart @@ -6,7 +6,6 @@ class MyAssets { /// ----- Images ----- static const String sample = 'assets/images/sample.png'; static const String shiaMind = 'assets/images/shia_mind.png'; - static const String question = 'assets/images/question.png'; static const String iconProfile = 'assets/images/icon_profile.png'; static const String iconDiamond = 'assets/images/icon_diamond.png'; static const String iconFlash = 'assets/images/icon_flash.png'; @@ -16,6 +15,7 @@ class MyAssets { static const String addBackground = 'assets/images/add_background.png'; static const String mic = 'assets/images/mic.png'; static const String micBLur = 'assets/images/mic_blur.png'; + static const String sampleAvatar = 'assets/images/sample_avatar.png'; /// ----- Svg ----- static const String sampleSvg = 'assets/svg/sample.svg'; @@ -28,6 +28,8 @@ class MyAssets { static const String iconClock = 'assets/svg/icon_clock.svg'; static const String medal = 'assets/svg/medal.svg'; static const String friendBattle = 'assets/svg/friend_battle.svg'; + static const String question = 'assets/svg/question.svg'; + static const String introStar = 'assets/svg/intro_star.svg'; /// ----- Audios ----- diff --git a/lib/features/intro/presentation/ui/intro_page.dart b/lib/features/intro/presentation/ui/intro_page.dart index 175925c..7593bb3 100644 --- a/lib/features/intro/presentation/ui/intro_page.dart +++ b/lib/features/intro/presentation/ui/intro_page.dart @@ -18,7 +18,15 @@ class IntroPage extends GetView { return Scaffold( backgroundColor: context.backgroundColor, body: SafeArea( - child: SizedBox.expand( + child: Container( + height: context.heightScreen, + width: context.widthScreen, + decoration: BoxDecoration( + gradient: RadialGradient( + radius: 0.7, + colors: [const Color(0xFF321A6D), const Color(0x00160C30)], + ), + ), child: Stack( alignment: Alignment.center, children: [ @@ -33,49 +41,63 @@ class IntroPage extends GetView { Stack _logo(BuildContext context) { return Stack( + clipBehavior: Clip.none, alignment: Alignment.center, children: [ + MyImage(asset: MyAssets.shiaMind), PositionedDirectional( - top: context.heightScreen / 3.2, - end: 50, - child: MyImage(asset: MyAssets.question), + top: -124, + end: -62, + child: MyImage( + asset: MyAssets.question, + ), ), PositionedDirectional( - top: context.heightScreen / 3.5, - end: context.widthScreen / 2.4, - child: MyImage(asset: MyAssets.question, size: 30), + top: -157, + end: 60, + child: MyImage( + asset: MyAssets.question, + size: 30, + ), ), PositionedDirectional( - top: context.heightScreen / 2.8, - start: 80, - child: MyImage(asset: MyAssets.question, size: 24), + top: -90, + start: -30, + child: MyImage( + asset: MyAssets.question, + size: 25, + ), ), PositionedDirectional( - bottom: context.heightScreen / 3.2, - start: 80, - child: MyImage(asset: MyAssets.question), + bottom: -90, + start: -30, + child: MyImage( + asset: MyAssets.question, + ), ), PositionedDirectional( - bottom: context.heightScreen / 3.2, - end: 50, - child: MyImage(asset: MyAssets.question, size: 20), + bottom: -90, + end: -62, + child: MyImage( + asset: MyAssets.question, + size: 15, + ), ), PositionedDirectional( - bottom: context.heightScreen / 2.6, - start: context.widthScreen / 2, - child: MyImage(asset: MyAssets.question, size: 20), + bottom: -10, + end: 70, + child: MyImage( + asset: MyAssets.question, + size: 15, + ), ), - Container( - width: context.widthScreen, - height: context.heightScreen, - decoration: ShapeDecoration( - gradient: RadialGradient( - colors: [const Color(0xFF321A6D), const Color(0x00160C30)], - ), - shape: OvalBorder(), + PositionedDirectional( + top: -15, + child: MyImage( + asset: MyAssets.introStar, + size: 75, ), ), - MyImage(asset: MyAssets.shiaMind), ], ); }