fixing mobile view

lib/components/card_list.dart

@@ -19,7 +19,7 @@ class CardList extends StatelessWidget {
                 10.0,
               ), // Opsional: membuat gambar lebih rounded
               child: Image.asset(
-                'images/cepott.png', // Ganti dengan path gambar Anda
+                'assets/images/cepott.png', // Ganti dengan path gambar Anda
                 width: 80, // Atur ukuran gambar
                 height: 120,
                 fit: BoxFit.cover,

lib/components/collection_container copy.dart

@@ -13,6 +13,7 @@ class CollectionContainer extends StatelessWidget {
   final Color? textColor;
   final double? lblSize;
   final bool? circle;
+  final Color? colorContiner;
   const CollectionContainer({
     super.key,
     this.label,
@@ -26,6 +27,7 @@ class CollectionContainer extends StatelessWidget {
     this.iconw,
     this.lblSize,
     this.circle,
+    this.colorContiner,
   });
 
   @override
@@ -96,7 +98,7 @@ class CollectionContainer extends StatelessWidget {
                                 width: 20,
                                 height: 20,
                                 colorFilter: const ColorFilter.mode(
-                                  Color.fromARGB(255, 118, 3, 3),
+                                  Color.fromARGB(255, 255, 255, 255),
                                   BlendMode.srcIn,
                                 ),
                               ),

lib/components/collection_container.dart

@@ -14,6 +14,7 @@ class CollectionContainer extends StatelessWidget {
   final double? lblSize;
   final bool? circle;
   final Color? colorContiner;
+  final bool? small;
 
   const CollectionContainer({
     Key? key,
@@ -29,6 +30,7 @@ class CollectionContainer extends StatelessWidget {
     this.lblSize,
     this.circle,
     this.colorContiner,
+    this.small,
   }) : super(key: key);
 
   @override
@@ -55,7 +57,10 @@ class CollectionContainer extends StatelessWidget {
                 padding: const EdgeInsets.all(8.0),
                 child: Center(
                   child: Padding(
-                    padding: const EdgeInsets.only(bottom: 30.0),
+                    padding:
+                        (small ?? false)
+                            ? const EdgeInsets.only(bottom: 5.0)
+                            : const EdgeInsets.only(bottom: 30.0),
                     child:
                         imageSvg != null && imageSvg!.isNotEmpty
                             ? Container(
@@ -72,9 +77,10 @@ class CollectionContainer extends StatelessWidget {
                                       )
                                       : null,
                               child: Padding(
-                                padding: const EdgeInsets.all(
-                                  8.0,
-                                ), // Tambahkan padding di sini
+                                padding:
+                                    (small ?? false)
+                                        ? const EdgeInsets.all(1.0)
+                                        : const EdgeInsets.all(8.0),
                                 child: SvgPicture.asset(
                                   imageSvg!,
                                   width: iconw ?? 40,
@@ -102,7 +108,7 @@ class CollectionContainer extends StatelessWidget {
                 ),
               ),
               Positioned(
-                bottom: 10,
+                bottom: (small ?? false) ? 0 : 10,
                 left: 0,
                 right: 0,
                 child: Text(

lib/components/main_menu.dart

@@ -22,7 +22,7 @@ class MainMenu extends StatelessWidget {
         children: [
           MenuButton(
             label: "E-furibuddy",
-            icon: 'icons/furrybuddy.svg',
+            icon: 'assets/icons/furrybuddy.svg',
             onPress:
                 () => {
                   Navigator.push(
@@ -33,7 +33,7 @@ class MainMenu extends StatelessWidget {
           ),
           MenuButton(
             label: "Koleksi",
-            icon: 'icons/koleksi.svg',
+            icon: 'assets/icons/Koleksi.svg',
             onPress:
                 () => {
                   Navigator.push(
@@ -45,7 +45,7 @@ class MainMenu extends StatelessWidget {
           SizedBox(width: 120),
           MenuButton(
             label: "Pustaka",
-            icon: 'icons/Pustaka.svg',
+            icon: 'assets/icons/Pustaka.svg',
             onPress:
                 () => {
                   Navigator.push(
@@ -56,7 +56,7 @@ class MainMenu extends StatelessWidget {
           ),
           MenuButton(
             label: "Saya",
-            icon: 'icons/Saya.svg',
+            icon: 'assets/icons/Saya.svg',
             onPress:
                 () => {
                   Navigator.push(

lib/components/scan_button.dart

@@ -7,25 +7,25 @@ class ScanButton extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return Expanded(
-      child: Container(
-        decoration: BoxDecoration(
-          shape: BoxShape.circle,
-          color: const Color.fromARGB(223, 67, 63, 179),
-        ),
-        padding: EdgeInsets.all(10),
-        child: IconButton(
-          icon: SvgPicture.asset(
-            'icons/Scan.svg',
-            width: 60,
-            height: 60,
-            colorFilter: ColorFilter.mode(
-              Color.fromARGB(255, 217, 219, 227),
-              BlendMode.srcIn,
-            ),
+    return Container(
+      width: 96,
+      height: 96,
+      decoration: BoxDecoration(
+        shape: BoxShape.circle,
+        color: const Color.fromARGB(223, 67, 63, 179),
+      ),
+      padding: EdgeInsets.all(10),
+      child: IconButton(
+        icon: SvgPicture.asset(
+          'assets/icons/Scan.svg',
+          width: 60,
+          height: 60,
+          colorFilter: ColorFilter.mode(
+            Color.fromARGB(255, 217, 219, 227),
+            BlendMode.srcIn,
           ),
-          onPressed: () {},
         ),
+        onPressed: () {},
       ),
     );
   }

lib/components/tab_menu.dart

@@ -24,8 +24,8 @@ class TabMenuButton extends StatelessWidget {
           IconButton(
             icon: SvgPicture.asset(
               icon!,
-              width: 28,
-              height: 28,
+              width: 20,
+              height: 20,
               colorFilter: ColorFilter.mode(
                 isSelected
                     ? const Color.fromARGB(255, 106, 24, 207)
@@ -38,7 +38,7 @@ class TabMenuButton extends StatelessWidget {
         GestureDetector(
           onTap: onPress, // Menggunakan satu event handler saja
           child: Container(
-            width: 120,
+            width: 110,
             padding: const EdgeInsets.symmetric(vertical: 8, horizontal: 16),
             decoration: BoxDecoration(
               color: