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 class="menu_card">
<ion-card-header> <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-header>
<ion-card-content> <ion-card-content>
src/app/compo/menu-card/menu-card.component.scss
+4 -1
View File
@@ -1,7 +1,10 @@
.menu_card{ .menu_card{
//background-image: url('../../../assets/img/myfit_home.jpg'); //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-repeat: no-repeat;
background-size: cover; background-size: cover;
height: 250px; 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-col> <ion-col>
<ion-card class="first_card"> <app-menu-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>
</ion-col> </ion-col>
</ion-row> </ion-row>
<ion-row class="home_box_card"> <ion-row class="home_box_card">
<ion-col> <ion-col>
<ion-card class="first_card"> <app-menu-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>
</ion-col> </ion-col>
<ion-col> <ion-col>
<ion-card class="first_card"> <app-menu-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>
</ion-col> </ion-col>
</ion-row> </ion-row>
</ion-grid> </ion-grid>
<ion-grid class="box_below"> <ion-grid class="box_below">
<div>{{what_is_below}}</div> <div>{{what_is_below}}</div>
</ion-grid> </ion-grid>
src/app/userpage/user-dash/user-dash.page.scss
+1 -1
View File
@@ -28,7 +28,7 @@ ion-slide {
margin: 0px; margin: 0px;
} }
.home_box_card { .home_box_card {
background-color: yellow; //background-color: yellow;
margin: 0px; margin: 0px;
// height: 280px; // height: 280px;
} }