From f29b9cbd05e93e3f07aa69432cc79463d7dcb57f Mon Sep 17 00:00:00 2001
From: Olu Amey <ameye@chiefsoft.com>
Date: Sun, 5 Mar 2023 07:12:40 -0500
Subject: [PATCH] card format

---
 .../compo/menu-card/menu-card.component.html  |  4 ++-
 .../compo/menu-card/menu-card.component.scss  |  5 ++-
 .../userpage/user-dash/user-dash.page.html    | 33 ++-----------------
 .../userpage/user-dash/user-dash.page.scss    |  2 +-
 4 files changed, 11 insertions(+), 33 deletions(-)

diff --git a/src/app/compo/menu-card/menu-card.component.html b/src/app/compo/menu-card/menu-card.component.html
index 18b3275..19d4edb 100644
--- a/src/app/compo/menu-card/menu-card.component.html
+++ b/src/app/compo/menu-card/menu-card.component.html
@@ -1,6 +1,8 @@
 <ion-card class="menu_card">
   <ion-card-header>
-    <ion-card-subtitle>Card Subtitle</ion-card-subtitle>
+    <ion-card-subtitle>
+      <ion-icon name="logo-ionic" size="large" color="primary"></ion-icon>
+    </ion-card-subtitle>
   </ion-card-header>
 
   <ion-card-content>
diff --git a/src/app/compo/menu-card/menu-card.component.scss b/src/app/compo/menu-card/menu-card.component.scss
index 8b60ad6..45f6226 100644
--- a/src/app/compo/menu-card/menu-card.component.scss
+++ b/src/app/compo/menu-card/menu-card.component.scss
@@ -1,7 +1,10 @@
 .menu_card{
   //background-image: url('../../../assets/img/myfit_home.jpg');
-  background-image: linear-gradient(to right, blue , green);
+  background-image: linear-gradient(to right, aliceblue , white);
   background-repeat: no-repeat;
   background-size: cover;
   height: 250px;
 }
+ion-card {
+  margin: 0;
+}
diff --git a/src/app/userpage/user-dash/user-dash.page.html b/src/app/userpage/user-dash/user-dash.page.html
index fec9a98..526145f 100644
--- a/src/app/userpage/user-dash/user-dash.page.html
+++ b/src/app/userpage/user-dash/user-dash.page.html
@@ -28,51 +28,24 @@
           </ion-col>
           <ion-col>
 
-            <ion-card class="first_card">
-              <ion-card-header>
-                <ion-card-subtitle>Card Subtitle</ion-card-subtitle>
-              </ion-card-header>
-
-              <ion-card-content>
-                Here's a small text description for the card content. Nothing more, nothing less.
-              </ion-card-content>
-            </ion-card>
+            <app-menu-card />
 
           </ion-col>
         </ion-row>
         <ion-row class="home_box_card">
           <ion-col>
 
-            <ion-card class="first_card">
-              <ion-card-header>
-                <ion-card-subtitle>Card Subtitle</ion-card-subtitle>
-              </ion-card-header>
-
-              <ion-card-content>
-                Here's a small text description for the card content. Nothing more, nothing less.
-              </ion-card-content>
-            </ion-card>
+            <app-menu-card />
 
           </ion-col>
           <ion-col>
 
-            <ion-card class="first_card">
-              <ion-card-header>
-                <ion-card-subtitle>Card Subtitle</ion-card-subtitle>
-              </ion-card-header>
-
-              <ion-card-content>
-                Here's a small text description for the card content. Nothing more, nothing less.
-              </ion-card-content>
-            </ion-card>
+            <app-menu-card />
 
           </ion-col>
         </ion-row>
       </ion-grid>
     <ion-grid class="box_below">
-
-
-
       <div>{{what_is_below}}</div>
     </ion-grid>
 
diff --git a/src/app/userpage/user-dash/user-dash.page.scss b/src/app/userpage/user-dash/user-dash.page.scss
index 2bef164..c0d64b2 100644
--- a/src/app/userpage/user-dash/user-dash.page.scss
+++ b/src/app/userpage/user-dash/user-dash.page.scss
@@ -28,7 +28,7 @@ ion-slide {
     margin: 0px;
 }
 .home_box_card {
-    background-color: yellow;
+    //background-color: yellow;
     margin: 0px;
    // height: 280px;
 }