MyFit/myfit-app
2
0
Fork 0
Code Issues Pull Requests Releases Activity

card info

Browse Source
This commit is contained in:
CHIEFSOFT\ameye
2024-01-06 09:52:30 -05:00
parent 909efd7e7d
commit 549cd00af7
2 changed files with 12 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/components/choose-activity/choose-activity.component.html
+4 -4
View File
@@ -12,7 +12,7 @@
</ion-card-header>
<ion-card-content>
Here's a small text description for the card content. Nothing more, nothing less.
Track vitals, activities, BP, and Weight, or Sync your devices.
</ion-card-content>
</ion-card>
</ion-col>
@@ -23,7 +23,7 @@
</ion-card-header>
<ion-card-content>
Here's a small text description for the card content. Nothing more, nothing less.
Set up your one-time or repeated scheduled activities.
</ion-card-content>
</ion-card>
</ion-col>
@@ -36,7 +36,7 @@
</ion-card-header>
<ion-card-content>
Here's a small text description for the card content. Nothing more, nothing less.
Miss no Appointments, Medication Schedule and more.
</ion-card-content>
</ion-card>
</ion-col>
@@ -47,7 +47,7 @@
</ion-card-header>
<ion-card-content>
Here's a small text description for the card content. Nothing more, nothing less.
Intelligent search for GYM, Hospital, nutrition info, and more.
</ion-card-content>
</ion-card>
</ion-col>
src/app/components/choose-activity/choose-activity.component.scss
+8 -1
View File
@@ -1,7 +1,7 @@
.grid-act{
font-weight: bolder;
font-size: 20px;
padding: 0px 0px 0px 20px;
padding: 0px 0px 0px 10px;
}
.card-block{
margin: 0px;
@@ -15,6 +15,8 @@
.card-part{
padding: 0px;
margin: 10px;
min-height: 200px;
max-height: 200px;
}
}
ion-card-title{
@@ -24,17 +26,22 @@
}
.card1{
background-color: #2d7ef1;
background-image: linear-gradient(to right, #2d7ef1 , #1656b0);
color:white;
font-weight: bolder;
}
.card2{
background-color: #c91d3d;
color:white;
font-weight: bolder;
}
.card3{
background-color: #ff8264;
color:white;
font-weight: bolder;
}
.card4{
background-color: #a351dc;
color:white;
font-weight: bolder;
}