From 72bd83e5d1a347c83b1c5eb705ac6f43aabb5675 Mon Sep 17 00:00:00 2001 From: jayesh Date: Thu, 13 Jun 2024 15:14:23 +0530 Subject: [PATCH] ui fix --- .../pages/invest_details_layout.dart | 8 +- .../invest_detail_details_section.dart | 156 +++++++++++ .../widgets/invest_detail_image_carousel.dart | 149 +++++++++++ .../widgets/invest_details_section.dart | 250 +++++++++++------- .../widgets/invest_image_carousel.dart | 126 +++------ .../widgets/register_step_top_section.dart | 2 +- .../presentation/pages/splash_layout.dart | 1 + 7 files changed, 500 insertions(+), 192 deletions(-) create mode 100644 lib/features/MainScreens/Invest/presentation/widgets/invest_detail_details_section.dart create mode 100644 lib/features/MainScreens/Invest/presentation/widgets/invest_detail_image_carousel.dart diff --git a/lib/features/MainScreens/Invest/presentation/pages/invest_details_layout.dart b/lib/features/MainScreens/Invest/presentation/pages/invest_details_layout.dart index 6556012..e8b5af0 100644 --- a/lib/features/MainScreens/Invest/presentation/pages/invest_details_layout.dart +++ b/lib/features/MainScreens/Invest/presentation/pages/invest_details_layout.dart @@ -3,9 +3,9 @@ import 'package:flutter_screenutil/flutter_screenutil.dart'; import 'package:gap/gap.dart'; import 'package:tanami_app/core/styles/app_color.dart'; import 'package:tanami_app/features/MainScreens/Invest/presentation/pages/invest_video_section.dart'; -import 'package:tanami_app/features/MainScreens/Invest/presentation/widgets/invest_details_section.dart'; -import '../widgets/invest_image_carousel.dart'; +import '../widgets/invest_detail_details_section.dart'; +import '../widgets/invest_detail_image_carousel.dart'; import '../widgets/invest_included_documents_section.dart'; import '../widgets/key_investment_section.dart'; @@ -34,8 +34,8 @@ class InvestDetailsLayout extends StatelessWidget { ), child: Column( children: [ - InvestCarouselView(), - const InvestDetailsSection(), + InvestDetailCarouselView(), + const InvestDetailDetailsSection(), ], ), ), diff --git a/lib/features/MainScreens/Invest/presentation/widgets/invest_detail_details_section.dart b/lib/features/MainScreens/Invest/presentation/widgets/invest_detail_details_section.dart new file mode 100644 index 0000000..2c1417d --- /dev/null +++ b/lib/features/MainScreens/Invest/presentation/widgets/invest_detail_details_section.dart @@ -0,0 +1,156 @@ +import 'package:flutter/material.dart'; +import 'package:flutter_screenutil/flutter_screenutil.dart'; +import 'package:gap/gap.dart'; +import 'package:tanami_app/core/styles/app_color.dart'; + +import '../../../../../core/styles/app_text.dart'; +import '../../../../../shared/components/text_widget.dart'; + +class InvestDetailDetailsSection extends StatelessWidget { + const InvestDetailDetailsSection({super.key}); + + @override + Widget build(BuildContext context) { + return Column( + children: [ + Container( + color: AppColor.plainWhite, + child: Padding( + padding: const EdgeInsets.all(20.0), + child: Column( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + TextWidget().text17W700( + 'Multi Family Residental', + clr: AppColor.plainBlack, + ), + Gap( + 10.h, + ), + TextWidget() + .text22W400("SAR 1,478,000", clr: AppColor.investTextColor), + const Gap(8.0), + LinearProgressIndicator( + value: 0.6, + borderRadius: BorderRadius.circular(2), + minHeight: 8.0, + backgroundColor: AppColor.txtBorderColor, + valueColor: const AlwaysStoppedAnimation( + AppColor.investTextColor), + ), + const Gap(8.0), + TextWidget().text11W700("60% ${AppText.fundedText}", + clr: AppColor.portoflioCardTextColor), + const Gap(8.0), + TextWidget().text14W400( + 'Forem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vulputate libero et velit interdum, ac aliquet odio mattis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur tempus urna at turpis condimentum lobortis.', + clr: Colors.grey, + txtAlign: TextAlign.start, + ) + ], + ), + ), + ), + Container( + decoration: const BoxDecoration( + color: AppColor.portfolioCardBgColor, + borderRadius: BorderRadius.only( + bottomLeft: Radius.circular(20.0), + bottomRight: Radius.circular(20.0), + ), + ), + child: Padding( + padding: + const EdgeInsets.symmetric(horizontal: 20.0, vertical: 16.0), + child: Column( + children: [ + Row( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + SizedBox( + width: 150.w, + child: TextWidget().text14W500( + "${AppText.sponsorNameText}:", + clr: AppColor.portoflioCardTextColor, + txtAlign: TextAlign.start, + ), + ), + TextWidget().text14W700( + 'Silverlake', + clr: AppColor.plainBlack, + txtAlign: TextAlign.end, + ) + ], + ), + SizedBox( + height: 8.h, + ), + Row( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + SizedBox( + width: 150.w, + child: TextWidget().text14W500( + "${AppText.estimatedReturnText}:", + clr: AppColor.portoflioCardTextColor, + txtAlign: TextAlign.start, + ), + ), + TextWidget().text14W700( + '20.0%', + clr: AppColor.plainBlack, + txtAlign: TextAlign.end, + ), + ], + ), + SizedBox( + height: 8.h, + ), + Row( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + SizedBox( + width: 150.w, + child: TextWidget().text14W500( + "${AppText.holdingPeriodText}:", + clr: AppColor.portoflioCardTextColor, + txtAlign: TextAlign.start, + ), + ), + TextWidget().text14W700( + '24 Months', + clr: AppColor.plainBlack, + txtAlign: TextAlign.end, + ), + ], + ), + SizedBox( + height: 8.h, + ), + Row( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + TextWidget().text14W500( + "${AppText.minimumInvestmentText}:", + clr: AppColor.portoflioCardTextColor, + txtAlign: TextAlign.start, + ), + TextWidget().text14W700( + 'SAR 1,000', + clr: AppColor.plainBlack, + txtAlign: TextAlign.end, + ), + ], + ) + ], + ), + ), + ) + ], + ); + } +} diff --git a/lib/features/MainScreens/Invest/presentation/widgets/invest_detail_image_carousel.dart b/lib/features/MainScreens/Invest/presentation/widgets/invest_detail_image_carousel.dart new file mode 100644 index 0000000..015aaa6 --- /dev/null +++ b/lib/features/MainScreens/Invest/presentation/widgets/invest_detail_image_carousel.dart @@ -0,0 +1,149 @@ +import 'package:carousel_slider/carousel_slider.dart'; +import 'package:flutter/material.dart'; +import 'package:flutter_bloc/flutter_bloc.dart'; +import 'package:flutter_screenutil/flutter_screenutil.dart'; +import 'package:gap/gap.dart'; +import 'package:tanami_app/core/styles/app_color.dart'; + +import '../../../../../core/styles/app_images.dart'; +import '../../../../../core/styles/app_text.dart'; +import '../../../../../shared/components/text_widget.dart'; +import '../../../Portfolio/presentation/bloc/carousel/carousel_bloc.dart'; +import '../../../Portfolio/presentation/bloc/carousel/carousel_event.dart'; +import '../../../Portfolio/presentation/bloc/carousel/carousel_state.dart'; + +final List imgList = [ + {'id': 1, 'img_path': 'assets/images/portfolio_screen/detailsbg.png'}, + {'id': 2, 'img_path': 'assets/images/portfolio_screen/detailsbg.png'}, + {'id': 3, 'img_path': 'assets/images/portfolio_screen/detailsbg.png'}, + {'id': 4, 'img_path': 'assets/images/portfolio_screen/detailsbg.png'}, + {'id': 5, 'img_path': 'assets/images/portfolio_screen/detailsbg.png'}, +]; + +class InvestDetailCarouselView extends StatelessWidget { + final CarouselController _controller = CarouselController(); + + InvestDetailCarouselView({super.key}); + + @override + Widget build(BuildContext context) { + return Container( + height: 190.h, + decoration: const BoxDecoration( + color: AppColor.portfolioCardBgColor, + borderRadius: BorderRadius.only( + topLeft: Radius.circular(20.0), + topRight: Radius.circular(20.0), + ), + ), + child: Stack( + children: [ + ClipRRect( + borderRadius: const BorderRadius.only( + topLeft: Radius.circular(20.0), + topRight: Radius.circular(20.0), + ), + child: CarouselSlider( + items: imgList + .map( + (item) => Image.asset( + item['img_path'], + fit: BoxFit.cover, + width: double.infinity, + alignment: Alignment.topCenter, + ), + ) + .toList(), + carouselController: _controller, + options: CarouselOptions( + scrollPhysics: const BouncingScrollPhysics(), + autoPlay: true, + aspectRatio: 2, + viewportFraction: 1, + onPageChanged: (index, reason) { + context.read().add(PageChanged(index)); + }), + ), + ), + Align( + alignment: Alignment.bottomCenter, + child: Padding( + padding: const EdgeInsets.only(bottom: 17.0), + child: BlocBuilder( + builder: (context, state) { + int currentIndex = 0; + if (state is CarouselPageState) { + currentIndex = state.currentIndex; + } + return Row( + mainAxisAlignment: MainAxisAlignment.center, + children: imgList.asMap().entries.map((entry) { + return GestureDetector( + onTap: () => _controller.animateToPage(entry.key), + child: Container( + width: 20.w, + height: 7.h, + margin: const EdgeInsets.symmetric(horizontal: 3.0), + decoration: BoxDecoration( + borderRadius: BorderRadius.circular(10), + color: (currentIndex == entry.key) + ? AppColor.plainWhite + : AppColor.smokeGrayColor, + ), + ), + ); + }).toList(), + ); + }, + ), + ), + ), + Positioned( + top: 20, + left: 20, + child: Container( + padding: + const EdgeInsets.symmetric(horizontal: 15.0, vertical: 10.0), + decoration: BoxDecoration( + color: const Color(0xFFE4F5E9), + borderRadius: BorderRadius.circular(30.0), + ), + child: TextWidget().text12W700( + 'Asset Class', + clr: AppColor.selectedItemColor, + ), + ), + ), + Positioned( + top: 20, + right: 20, + child: Container( + padding: + const EdgeInsets.symmetric(horizontal: 15.0, vertical: 10.0), + decoration: BoxDecoration( + color: Colors.white, + borderRadius: BorderRadius.circular(30.0), + ), + child: Row( + mainAxisAlignment: MainAxisAlignment.start, + children: [ + Image.asset( + AppImages.portfolioClock, + height: 15.h, + ), + Gap( + 5.w, + ), + TextWidget().text12W500( + '${AppText.closingDateText} Jul 10 2025', + clr: AppColor.plainBlack, + ), + ], + ), + ), + ) + ], + ), + ); + } +} diff --git a/lib/features/MainScreens/Invest/presentation/widgets/invest_details_section.dart b/lib/features/MainScreens/Invest/presentation/widgets/invest_details_section.dart index f80a133..26f6b11 100644 --- a/lib/features/MainScreens/Invest/presentation/widgets/invest_details_section.dart +++ b/lib/features/MainScreens/Invest/presentation/widgets/invest_details_section.dart @@ -2,6 +2,8 @@ import 'package:flutter/material.dart'; import 'package:flutter_screenutil/flutter_screenutil.dart'; import 'package:gap/gap.dart'; import 'package:tanami_app/core/styles/app_color.dart'; + +import '../../../../../core/styles/app_images.dart'; import '../../../../../core/styles/app_text.dart'; import '../../../../../shared/components/text_widget.dart'; @@ -15,13 +17,69 @@ class InvestDetailsSection extends StatelessWidget { Container( color: AppColor.plainWhite, child: Padding( - padding: const EdgeInsets.all(20.0), + padding: const EdgeInsets.only( + left: 20.0, + right: 20, + top: 10, + bottom: 20, + ), child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ - TextWidget().text17W700( - 'Multi Family Residental', - clr: AppColor.plainBlack, + Row( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + children: [ + TextWidget().text17W700( + 'Multi Family Residental', + clr: AppColor.plainBlack, + ), + Container( + height: 28, + padding: const EdgeInsets.symmetric( + horizontal: 12, vertical: 6), + decoration: ShapeDecoration( + color: const Color(0xFFE4F5E9), + shape: RoundedRectangleBorder( + borderRadius: BorderRadius.circular(4)), + ), + child: Center( + child: TextWidget().text12W700( + "Real estate", + clr: AppColor.selectedItemColor, + )), + ) + ], + ), + Gap(10.h), + Container( + padding: const EdgeInsets.symmetric( + horizontal: 15.0, vertical: 10.0), + decoration: BoxDecoration( + color: Colors.white, + border: Border.all(color: const Color(0xFFE4F5E9)), + borderRadius: BorderRadius.circular(14.0), + ), + child: Row( + mainAxisSize: MainAxisSize.min, + mainAxisAlignment: MainAxisAlignment.start, + children: [ + Image.asset( + AppImages.portfolioClock, + height: 15.h, + ), + Gap( + 5.w, + ), + TextWidget().text12W700( + "${AppText.closingDateText}: ", + clr: AppColor.plainBlack, + ), + TextWidget().text12W500( + 'Jul 10 2025', + clr: AppColor.plainBlack, + ), + ], + ), ), Gap( 10.h, @@ -45,107 +103,107 @@ class InvestDetailsSection extends StatelessWidget { 'Forem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vulputate libero et velit interdum, ac aliquet odio mattis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur tempus urna at turpis condimentum lobortis.', clr: Colors.grey, txtAlign: TextAlign.start, + maxLine: 2, ) ], ), ), ), - Container( - decoration: const BoxDecoration( - color: AppColor.portfolioCardBgColor, - borderRadius: BorderRadius.only( - bottomLeft: Radius.circular(20.0), - bottomRight: Radius.circular(20.0), - ), - ), - child: Padding( - padding: - const EdgeInsets.symmetric(horizontal: 20.0, vertical: 16.0), - child: Column( - children: [ - Row( - mainAxisAlignment: MainAxisAlignment.spaceBetween, - crossAxisAlignment: CrossAxisAlignment.start, - children: [ - SizedBox( - width: 150.w, - child: TextWidget().text14W500( - "${AppText.sponsorNameText}:", + Padding( + padding: const EdgeInsets.only(left: 12.0, right: 12, bottom: 12.0), + child: Container( + decoration: BoxDecoration( + color: const Color(0xFFE4F5E9), + borderRadius: BorderRadius.circular(22)), + child: Padding( + padding: + const EdgeInsets.symmetric(horizontal: 20.0, vertical: 16.0), + child: Column( + children: [ + Row( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + SizedBox( + width: 150.w, + child: TextWidget().text14W500( + "${AppText.sponsorNameText}:", + clr: AppColor.portoflioCardTextColor, + txtAlign: TextAlign.start, + ), + ), + TextWidget().text14W700( + 'Silverlake', + clr: AppColor.plainBlack, + txtAlign: TextAlign.end, + ) + ], + ), + SizedBox( + height: 8.h, + ), + Row( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + SizedBox( + width: 150.w, + child: TextWidget().text14W500( + "${AppText.estimatedReturnText}:", + clr: AppColor.portoflioCardTextColor, + txtAlign: TextAlign.start, + ), + ), + TextWidget().text14W700( + '20.0%', + clr: AppColor.plainBlack, + txtAlign: TextAlign.end, + ), + ], + ), + SizedBox( + height: 8.h, + ), + Row( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + SizedBox( + width: 150.w, + child: TextWidget().text14W500( + "${AppText.holdingPeriodText}:", + clr: AppColor.portoflioCardTextColor, + txtAlign: TextAlign.start, + ), + ), + TextWidget().text14W700( + '24 Months', + clr: AppColor.plainBlack, + txtAlign: TextAlign.end, + ), + ], + ), + SizedBox( + height: 8.h, + ), + Row( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + TextWidget().text14W500( + "${AppText.minimumInvestmentText}:", clr: AppColor.portoflioCardTextColor, txtAlign: TextAlign.start, ), - ), - TextWidget().text14W700( - 'Silverlake', - clr: AppColor.plainBlack, - txtAlign: TextAlign.end, - ) - ], - ), - SizedBox( - height: 8.h, - ), - Row( - mainAxisAlignment: MainAxisAlignment.spaceBetween, - crossAxisAlignment: CrossAxisAlignment.start, - children: [ - SizedBox( - width: 150.w, - child: TextWidget().text14W500( - "${AppText.estimatedReturnText}:", - clr: AppColor.portoflioCardTextColor, - txtAlign: TextAlign.start, + TextWidget().text14W700( + 'SAR 1,000', + clr: AppColor.plainBlack, + txtAlign: TextAlign.end, ), - ), - TextWidget().text14W700( - '20.0%', - clr: AppColor.plainBlack, - txtAlign: TextAlign.end, - ), - ], - ), - SizedBox( - height: 8.h, - ), - Row( - mainAxisAlignment: MainAxisAlignment.spaceBetween, - crossAxisAlignment: CrossAxisAlignment.start, - children: [ - SizedBox( - width: 150.w, - child: TextWidget().text14W500( - "${AppText.holdingPeriodText}:", - clr: AppColor.portoflioCardTextColor, - txtAlign: TextAlign.start, - ), - ), - TextWidget().text14W700( - '24 Months', - clr: AppColor.plainBlack, - txtAlign: TextAlign.end, - ), - ], - ), - SizedBox( - height: 8.h, - ), - Row( - mainAxisAlignment: MainAxisAlignment.spaceBetween, - crossAxisAlignment: CrossAxisAlignment.start, - children: [ - TextWidget().text14W500( - "${AppText.minimumInvestmentText}:", - clr: AppColor.portoflioCardTextColor, - txtAlign: TextAlign.start, - ), - TextWidget().text14W700( - 'SAR 1,000', - clr: AppColor.plainBlack, - txtAlign: TextAlign.end, - ), - ], - ) - ], + ], + ) + ], + ), ), ), ) diff --git a/lib/features/MainScreens/Invest/presentation/widgets/invest_image_carousel.dart b/lib/features/MainScreens/Invest/presentation/widgets/invest_image_carousel.dart index 8072eb8..b7d2e7d 100644 --- a/lib/features/MainScreens/Invest/presentation/widgets/invest_image_carousel.dart +++ b/lib/features/MainScreens/Invest/presentation/widgets/invest_image_carousel.dart @@ -1,12 +1,9 @@ +import 'package:carousel_slider/carousel_slider.dart'; import 'package:flutter/material.dart'; import 'package:flutter_bloc/flutter_bloc.dart'; -import 'package:carousel_slider/carousel_slider.dart'; import 'package:flutter_screenutil/flutter_screenutil.dart'; import 'package:gap/gap.dart'; import 'package:tanami_app/core/styles/app_color.dart'; -import 'package:tanami_app/core/styles/app_images.dart'; -import 'package:tanami_app/core/styles/app_text.dart'; -import 'package:tanami_app/shared/components/text_widget.dart'; import '../../../Portfolio/presentation/bloc/carousel/carousel_bloc.dart'; import '../../../Portfolio/presentation/bloc/carousel/carousel_event.dart'; @@ -28,21 +25,17 @@ class InvestCarouselView extends StatelessWidget { @override Widget build(BuildContext context) { return Container( - height: 190.h, - decoration: const BoxDecoration( - color: AppColor.portfolioCardBgColor, - borderRadius: BorderRadius.only( - topLeft: Radius.circular(20.0), - topRight: Radius.circular(20.0), - ), + height: 214.h, + padding: const EdgeInsets.symmetric( + horizontal: 15, + vertical: 15, ), - child: Stack( + decoration: BoxDecoration( + color: AppColor.plainWhite, borderRadius: BorderRadius.circular(20)), + child: Column( children: [ ClipRRect( - borderRadius: const BorderRadius.only( - topLeft: Radius.circular(20.0), - topRight: Radius.circular(20.0), - ), + borderRadius: BorderRadius.circular(20), child: CarouselSlider( items: imgList .map( @@ -65,83 +58,34 @@ class InvestCarouselView extends StatelessWidget { }), ), ), - Align( - alignment: Alignment.bottomCenter, - child: Padding( - padding: const EdgeInsets.only(bottom: 17.0), - child: BlocBuilder( - builder: (context, state) { - int currentIndex = 0; - if (state is CarouselPageState) { - currentIndex = state.currentIndex; - } - return Row( - mainAxisAlignment: MainAxisAlignment.center, - children: imgList.asMap().entries.map((entry) { - return GestureDetector( - onTap: () => _controller.animateToPage(entry.key), - child: Container( - width: 20.w, - height: 7.h, - margin: const EdgeInsets.symmetric(horizontal: 3.0), - decoration: BoxDecoration( - borderRadius: BorderRadius.circular(10), - color: (currentIndex == entry.key) - ? AppColor.plainWhite - : AppColor.smokeGrayColor, - ), - ), - ); - }).toList(), + const Gap(12), + BlocBuilder( + builder: (context, state) { + int currentIndex = 0; + if (state is CarouselPageState) { + currentIndex = state.currentIndex; + } + return Row( + mainAxisAlignment: MainAxisAlignment.center, + children: imgList.asMap().entries.map((entry) { + return GestureDetector( + onTap: () => _controller.animateToPage(entry.key), + child: Container( + width: 20.w, + height: 7.h, + margin: const EdgeInsets.symmetric(horizontal: 3.0), + decoration: BoxDecoration( + borderRadius: BorderRadius.circular(10), + color: (currentIndex == entry.key) + ? AppColor.primaryColor + : AppColor.pinFillColor, + ), + ), ); - }, - ), - ), + }).toList(), + ); + }, ), - Positioned( - top: 20, - left: 20, - child: Container( - padding: - const EdgeInsets.symmetric(horizontal: 15.0, vertical: 10.0), - decoration: BoxDecoration( - color: const Color(0xFFE4F5E9), - borderRadius: BorderRadius.circular(30.0), - ), - child: TextWidget().text12W700( - 'Asset Class', - clr: AppColor.selectedItemColor, - ), - ), - ), - Positioned( - top: 20, - right: 20, - child: Container( - padding: - const EdgeInsets.symmetric(horizontal: 15.0, vertical: 10.0), - decoration: BoxDecoration( - color: Colors.white, - borderRadius: BorderRadius.circular(30.0), - ), - child: Row( - mainAxisAlignment: MainAxisAlignment.start, - children: [ - Image.asset( - AppImages.portfolioClock, - height: 15.h, - ), - Gap( - 5.w, - ), - TextWidget().text12W500( - '${AppText.closingDateText} Jul 10 2025', - clr: AppColor.plainBlack, - ), - ], - ), - ), - ) ], ), ); diff --git a/lib/features/register/presentation/widgets/register_step_top_section.dart b/lib/features/register/presentation/widgets/register_step_top_section.dart index 86645dd..cc4bc04 100644 --- a/lib/features/register/presentation/widgets/register_step_top_section.dart +++ b/lib/features/register/presentation/widgets/register_step_top_section.dart @@ -22,7 +22,7 @@ class RegisterStepTopSection extends StatelessWidget { ), const Gap(30), TextWidget().text20W700( - AppText.getStarted, + AppText.getStartedToday, clr: AppColor.charcoalColor, ), const Gap(10), diff --git a/lib/features/splash/presentation/pages/splash_layout.dart b/lib/features/splash/presentation/pages/splash_layout.dart index c7e6b98..4ef372b 100644 --- a/lib/features/splash/presentation/pages/splash_layout.dart +++ b/lib/features/splash/presentation/pages/splash_layout.dart @@ -21,6 +21,7 @@ class SplashLayout extends StatelessWidget { AppImages.splashBg, width: 1.sw, height: 1.sh, + fit: BoxFit.cover, ), ), Positioned.fill(