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

Fix page

Browse Source
This commit is contained in:
CHIEFSOFT\ameye
2024-01-03 14:46:58 -05:00
parent 41d3e7d54a
commit 8096f6638b
5 changed files with 79 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/pages/tab1/tab1.page.html
+55 -54
View File
@@ -1,62 +1,63 @@
<ion-content [fullscreen]="true">
<ion-grid>
<ion-row>
<ion-col>
<ion-card>
<ion-card-header>
<ion-card-title>Card Title</ion-card-title>
<ion-card-subtitle>Card Subtitle</ion-card-subtitle>
</ion-card-header>
<div class="boxed_contents">
<ion-grid class="card-block">
<ion-row class="card-row">
<ion-col class="card-col">
<ion-card class="card-part">
<ion-card-header>
<ion-card-title>Card Title</ion-card-title>
<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-card>
<ion-card-header>
<ion-card-title>Card Title</ion-card-title>
<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 class="card-col">
<ion-card class="card-part">
<ion-card-header>
<ion-card-title>Card Title</ion-card-title>
<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-row>
<ion-row>
<ion-col>
<ion-card>
<ion-card-header>
<ion-card-title>Card Title</ion-card-title>
<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-row>
<ion-row class="card-row">
<ion-col class="card-col">
<ion-card class="card-part">
<ion-card-header>
<ion-card-title>Card Title</ion-card-title>
<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-card>
<ion-card-header>
<ion-card-title>Card Title</ion-card-title>
<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-row>
<ion-row>
<ion-col>1</ion-col>
</ion-row>
</ion-grid>
<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 class="card-col">
<ion-card class="card-part">
<ion-card-header>
<ion-card-title>Card Title</ion-card-title>
<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-row>
<ion-row>
<ion-col>1</ion-col>
</ion-row>
</ion-grid>
</div>
</ion-content>
src/app/pages/tab1/tab1.page.scss
+16
View File
@@ -0,0 +1,16 @@
.card-block{
margin: 0px;
//background-color: yellow;
.card-row{
margin: 0px;
padding: 0px;
.card-col{
// background-color: red;
padding: 0px;
.card-part{
padding: 0px;
margin: 10px;
}
}
}
}
src/app/pages/tabs/tabs.page.html
+1 -1
View File
@@ -2,7 +2,7 @@
<ion-tab-bar slot="bottom">
<ion-tab-button tab="tab1" href="/tabs/tab1">
<ion-icon aria-hidden="true" name="triangle"></ion-icon>
<ion-icon aria-hidden="true" name="home"></ion-icon>
<ion-label>Home</ion-label>
</ion-tab-button>
src/app/pages/tabs/tabs.page.scss
-1
View File
@@ -1 +0,0 @@
src/global.scss
+7 -1
View File
@@ -26,6 +26,12 @@
@import "@ionic/angular/css/flex-utils.css";
.boxed_contents{
//background-color: red;
max-width: 550px;
margin-left: auto;
margin-right: auto;
}
.back_image {
@@ -352,7 +358,7 @@
}
}
}
.like {
display: flex;
align-items: center;