IONIC/myFit2023
1
0
Fork 0
Code Issues Pull Requests Releases Activity

card format

Browse Source
This commit is contained in:
Olu Amey
2023-03-05 07:12:40 -05:00
parent 6ac4066b5a
commit f29b9cbd05
4 changed files with 11 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/compo/menu-card/menu-card.component.html
+3 -1
View File
@@ -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>
src/app/compo/menu-card/menu-card.component.scss
+4 -1
View File
@@ -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;
}
src/app/userpage/user-dash/user-dash.page.html
+3 -30
View File
@@ -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>
src/app/userpage/user-dash/user-dash.page.scss
+1 -1
View File
@@ -28,7 +28,7 @@ ion-slide {
margin: 0px;
}
.home_box_card {
background-color: yellow;
//background-color: yellow;
margin: 0px;
// height: 280px;
}