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-header>
<ion-card-content> <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-content>
</ion-card> </ion-card>
</ion-col> </ion-col>
@@ -23,7 +23,7 @@
</ion-card-header> </ion-card-header>
<ion-card-content> <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-content>
</ion-card> </ion-card>
</ion-col> </ion-col>
@@ -36,7 +36,7 @@
</ion-card-header> </ion-card-header>
<ion-card-content> <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-content>
</ion-card> </ion-card>
</ion-col> </ion-col>
@@ -47,7 +47,7 @@
</ion-card-header> </ion-card-header>
<ion-card-content> <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-content>
</ion-card> </ion-card>
</ion-col> </ion-col>
src/app/components/choose-activity/choose-activity.component.scss
+8 -1
View File
@@ -1,7 +1,7 @@
.grid-act{ .grid-act{
font-weight: bolder; font-weight: bolder;
font-size: 20px; font-size: 20px;
padding: 0px 0px 0px 20px; padding: 0px 0px 0px 10px;
} }
.card-block{ .card-block{
margin: 0px; margin: 0px;
@@ -15,6 +15,8 @@
.card-part{ .card-part{
padding: 0px; padding: 0px;
margin: 10px; margin: 10px;
min-height: 200px;
max-height: 200px;
} }
} }
ion-card-title{ ion-card-title{
@@ -24,17 +26,22 @@
} }
.card1{ .card1{
background-color: #2d7ef1; background-color: #2d7ef1;
background-image: linear-gradient(to right, #2d7ef1 , #1656b0);
color:white; color:white;
font-weight: bolder;
} }
.card2{ .card2{
background-color: #c91d3d; background-color: #c91d3d;
color:white; color:white;
font-weight: bolder;
} }
.card3{ .card3{
background-color: #ff8264; background-color: #ff8264;
color:white; color:white;
font-weight: bolder;
} }
.card4{ .card4{
background-color: #a351dc; background-color: #a351dc;
color:white; color:white;
font-weight: bolder;
} }