home tile press and hold color change

Frontend/patient_manager/lib/mih_components/mih_layout/mih_tile.dart

@@ -106,29 +106,60 @@ class _MIHTileState extends State<MIHTile> {
         mainAxisSize: MainAxisSize.max,
         mainAxisAlignment: MainAxisAlignment.end,
         children: [
-          Material(
+          AnimatedContainer(
-            color: mainC,
+            width: 250,
-            borderRadius: BorderRadius.circular(80),
+            height: 250,
-            child: Ink(
+            duration: const Duration(seconds: 2),
-              padding: const EdgeInsets.all(20),
+            child: Material(
+              color: mainC,
+              elevation: 10,
+              borderRadius: BorderRadius.circular(80),
               child: InkWell(
+                borderRadius: BorderRadius.circular(80),
+                // ho
                 onTap: widget.onTap,
-                child: SizedBox(
+                // hoverDuration: ,
-                  height: 200,
+                splashColor:
-                  width: 200,
+                    MzanziInnovationHub.of(context)!.theme.highlightColor(),
-                  child: widget.tileIcon,
+                highlightColor:
-                ),
+                    MzanziInnovationHub.of(context)!.theme.highlightColor(),
+                child: widget.tileIcon,
               ),
             ),
           ),
+          // Material(
+          //   color: mainC,
+          //   borderRadius: BorderRadius.circular(80),
+          //   child: Ink(
+          //     // width: 200,
+          //     // height: 200,
+          //     padding: const EdgeInsets.all(20),
+          //     child: InkWell(
+          //       onTap: widget.onTap,
+          //       hoverDuration: Duration(seconds: 2),
+          //       highlightColor:
+          //           MzanziInnovationHub.of(context)!.theme.messageTextColor(),
+          //       child: SizedBox(
+          //         height: 200,
+          //         width: 200,
+          //         child: widget.tileIcon,
+          //       ),
+          //     ),
+          //   ),
+          // ),
           const SizedBox(height: 10),
-          Text(
+          SizedBox(
-            widget.tileName,
+            width: 300,
-            textAlign: TextAlign.center,
+            child: Text(
-            style: TextStyle(
+              widget.tileName,
-              color: MzanziInnovationHub.of(context)!.theme.secondaryColor(),
+              textAlign: TextAlign.center,
-              fontSize: 40.0,
+              softWrap: true,
-              fontWeight: FontWeight.bold,
+              overflow: TextOverflow.visible,
+              style: TextStyle(
+                color: MzanziInnovationHub.of(context)!.theme.secondaryColor(),
+                fontSize: 40.0,
+                fontWeight: FontWeight.bold,
+              ),
             ),
           )
         ],

Frontend/patient_manager/lib/mih_packages/mih_home/mih_home.dart

@@ -124,7 +124,10 @@ class _MIHHomeState extends State<MIHHome> {
         );
       },
       tileName: "Mzansi Profile",
-      tileIcon: Image(image: logo),
+      tileIcon: Padding(
+        padding: const EdgeInsets.all(25.0),
+        child: Image(image: logo),
+      ),
       p: getPrim(),
       s: getSec(),
     ));

Frontend/patient_manager/lib/mih_theme/mih_theme.dart

@@ -131,6 +131,14 @@ class MyTheme {
     return Color(_errColor);
   }
 
+  Color highlightColor() {
+    if (mode == "Dark") {
+      return const Color(0XFF9bc7fa);
+    } else {
+      return const Color(0XFF354866);
+    }
+  }
+
   Color successColor() {
     return Color(_succColor);
   }