fix: homepage view

lib/features/auth/login/view/phone_number_view.dart

@@ -52,7 +52,7 @@ class PhoneNumberView extends StatelessWidget {
                             width: SizeConfig.width * .23,
                             padding:
                                 const EdgeInsets.symmetric(horizontal: 16.0),
-                            margin: const EdgeInsets.only(right: 16),
+                            margin: const EdgeInsets.only(right: 16, left: 2, top: 2, bottom: 2),
                             decoration: const BoxDecoration(
                                 color: ColorPalette.grey,
                                 borderRadius: BorderRadius.only(

lib/features/dashboard/dashboard_account/view/homepage/homepage_view.dart

@@ -50,7 +50,7 @@ class _HomeViewState extends State<HomeView> {
   ];
 
   StepVerification listStepVerification =
-      StepVerification(0, ['Registration', 'Verification', 'Complete']);
+      StepVerification(0, ['Registration', '', 'Verification', '', 'Complete']);
 
   List<Article> listArticle = [
     Article(
@@ -69,12 +69,20 @@ class _HomeViewState extends State<HomeView> {
 
   @override
   Widget build(BuildContext context) {
+
     return Scaffold(
-      backgroundColor: const Color(0xffF8FAFC),
+      backgroundColor: ColorPalette.slate50,
-      body: SizedBox(
+      body: CustomScrollView(
-        width: SizeConfig.width,
+        slivers: [
-        height: SizeConfig.height,
+          SliverAppBar(
-        child: Stack(
+            onStretchTrigger: () async {
+            },
+            expandedHeight: 325,
+            leading: SizedBox(),
+            surfaceTintColor: ColorPalette.slate50,
+            backgroundColor: ColorPalette.slate50,
+            flexibleSpace: FlexibleSpaceBar(
+              background: Stack(
                 children: [
                   const ImageView(image: PathAssets.imgDashboardAccount),
                   Column(
@@ -118,11 +126,18 @@ class _HomeViewState extends State<HomeView> {
                       ),
                       cardInvestType(),
                       const SizedBox(
-                  height: 32,
+                        height: 24,
                       ),
-                Expanded(
+                    ],
-                  child: ListView(
+                  )
-                    padding: const EdgeInsets.all(0),
+                ],
+              ),
+            ),
+            floating: true,
+            snap: true,
+          ),
+          SliverToBoxAdapter(
+            child:  Column(
               children: [
                 cardVerification(),
                 const SizedBox(
@@ -135,12 +150,9 @@ class _HomeViewState extends State<HomeView> {
                 articles(),
               ],
             ),
-                ),
-              ],
           )
         ],
       ),
-      ),
     );
   }
 
@@ -417,12 +429,10 @@ class _HomeViewState extends State<HomeView> {
   Widget stepVerification() {
     return Row(
       mainAxisAlignment: MainAxisAlignment.spaceBetween,
-      children: listStepVerification.nameStep.asMap().entries.map((e) {
-        return Row(
       crossAxisAlignment: CrossAxisAlignment.start,
-          children: [
+      children: listStepVerification.nameStep.asMap().entries.map((e) {
-            if (e.key != 0)
+        if(e.key == 1 || e.key == 3){
-              SizedBox(
+          return SizedBox(
             width: 30,
             height: 30,
             child: Divider(
@@ -430,8 +440,9 @@ class _HomeViewState extends State<HomeView> {
                   ? const Color(0xff2563EB)
                   : const Color(0xffCBD5E1),
             ),
-              ),
+          );
-            Column(
+        }else{
+          return Column(
             children: [
               Container(
                 width: 30,
@@ -464,9 +475,8 @@ class _HomeViewState extends State<HomeView> {
                         : Colors.black),
               )
             ],
-            ),
-          ],
           );
+        }
       }).toList(),
     );
   }