Merge branch 'dev' of https://git.empatnusabangsa.com/nugrohob825/cims_apps into bayu/dev

lib/application/component/goal_investing_view.dart

@@ -1,4 +1,6 @@
 import 'package:cims_apps/application/assets/path_assets.dart';
+import 'package:cims_apps/application/theme/color_palette.dart';
+import 'package:cims_apps/core/utils/size_config.dart';
 import 'package:flutter/material.dart';
 
 class GoalInvest {
@@ -20,27 +22,38 @@ class GoalInvestingView extends StatelessWidget {
       GoalInvest(PathAssets.iconCreatePlan, 'Create Plan'),
     ];
 
-
-
     return Column(
-      children: [
-        Row(
-          mainAxisAlignment: MainAxisAlignment.spaceBetween,
-          children: [
-            Text('Your Goal in Investing'),
-            GestureDetector(
-              child: Icon(Icons.close_rounded),
+      children:
+        listGoalInvest.asMap().entries.map((e) {
+          return Padding(
+            padding: EdgeInsets.only(top: e.key != 0 ? 16 : 0),
+            child: ListTile(
+              shape: RoundedRectangleBorder(
+                side: BorderSide(color: ColorPalette.slate200),
+                borderRadius: BorderRadius.circular(14)
+              ),
+              leading: Container(
+                padding: EdgeInsets.all(4),
+                decoration: BoxDecoration(
+                  color: ColorPalette.blue200.withOpacity(0.5),
+                  borderRadius: BorderRadius.circular(8)
+                ),
+                child: Image.asset(
+                  e.value.icon,
+                  width: SizeConfig.width * 0.07
+                )
+              ),
+              contentPadding: EdgeInsets.symmetric(horizontal: 16, vertical: 4),
+              title: Text(e.value.title,
+                style: TextStyle(
+                  fontWeight: FontWeight.w600,
+                  fontSize: 16
+                ),
+              ),
+              trailing: Icon(Icons.chevron_right_rounded),
             ),
-          ],
-        ),
-        ...listGoalInvest.asMap().entries.map((e) {
-          return ListTile(
-            leading: Image.asset(e.value.icon),
-            title: Text(e.value.title),
-            trailing: Icon(Icons.chevron_right_rounded),
           );
-        })
-      ],
+        }).toList()
     );
   }
 }