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

Updated page styles

Browse Source
This commit is contained in:
Olu Amey
2023-01-16 10:49:31 -05:00
parent 3fa2b8c419
commit cc33edd4bb
8 changed files with 59 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
package.json
+3 -3
View File
@@ -1,8 +1,8 @@
{ {
"name": "my-fit", "name": "my-fit",
"version": "5.0.1", "version": "5.0.1",
"author": "Ionic Framework", "author": "myFit - Personal Health Engine",
"homepage": "https://ionicframework.com/", "homepage": "https://myfir.mermsemr.com/",
"scripts": { "scripts": {
"ng": "ng", "ng": "ng",
"start": "ng serve", "start": "ng serve",
@@ -61,5 +61,5 @@
"ts-node": "~8.3.0", "ts-node": "~8.3.0",
"typescript": "~4.8.4" "typescript": "~4.8.4"
}, },
"description": "An Ionic project" "description": "Merms Users Product"
} }
src/app/start-page/start-page.page.html
+2 -2
View File
@@ -19,10 +19,10 @@
<ion-grid> <ion-grid>
<ion-row> <ion-row>
<ion-col> <ion-col>
<ion-button shape="round" size="small" expand="block" (click)="startLogin()">Login</ion-button> <ion-button shape="round" size="small" expand="block" (click)="startLogin()" class="startb">Login</ion-button>
</ion-col> </ion-col>
<ion-col> <ion-col>
<ion-button shape="round" size="small" expand="block" (click)="startSignUp()">Start</ion-button> <ion-button shape="round" size="small" expand="block" (click)="startSignUp()" class="startb">Start</ion-button>
</ion-col> </ion-col>
</ion-row> </ion-row>
</ion-grid> </ion-grid>
src/app/start-page/start-page.page.scss
+19 -1
View File
@@ -8,7 +8,25 @@
position: relative; position: relative;
top:50%; top:50%;
.card_sec1{ .card_sec1{
background-color: rgb(144, 197, 214); background-color:#1a3544;
color: white;
ion-card-title{
color:white;
}
ion-card-subtitle{
color: white;
}
} }
} }
.startb{
padding: 0px;
font-size: 14px;
font-weight: bold;
}
.start_login{
}
.start_signup{
background-color: lightgreen;
}
} }
src/app/user-signup/user-signup.page.html
+4 -1
View File
@@ -1,6 +1,9 @@
<ion-header> <ion-header>
<ion-toolbar> <ion-toolbar>
<ion-title>UserSignup</ion-title> <ion-buttons slot="start">
<ion-back-button></ion-back-button>
</ion-buttons>
<ion-title>Sign up</ion-title>
</ion-toolbar> </ion-toolbar>
</ion-header> </ion-header>
src/app/userpage/user-dash/user-dash.page.html
+7 -6
View File
@@ -1,10 +1,5 @@
<ion-header>
<ion-toolbar>
<ion-title>UserDash</ion-title>
</ion-toolbar>
</ion-header>
<ion-content> <ion-content>
<div class="dash_box">
<div class="dash_top"> <div class="dash_top">
<ion-grid> <ion-grid>
<ion-row> <ion-row>
@@ -28,6 +23,7 @@
fill="outline" fill="outline"
class="slide_c" class="slide_c"
outline outline
(click)="selectedMenu(x)"
>{{x.name}}</ion-button >{{x.name}}</ion-button
> >
</ion-slide> </ion-slide>
@@ -36,4 +32,9 @@
</ion-row> </ion-row>
</ion-grid> </ion-grid>
</div> </div>
<ion-grid class="box_below">
<div>{{what_is_below}}</div>
</ion-grid>
</div>
</ion-content> </ion-content>
src/app/userpage/user-dash/user-dash.page.scss
+18 -4
View File
@@ -1,14 +1,28 @@
.dash_top{ .dash_top {
position: relative; padding: 20px 0px 0px 0px;
top:50px; position: relative;
// top:50px;
} }
.slide_c { .slide_c {
//width: 150px; //width: 150px;
//background-color: red; //background-color: red;
padding: 0px;
font-size: 11px; font-size: 11px;
text-transform: uppercase; text-transform: uppercase;
} }
ion-slide { ion-slide {
width: unset !important; width: unset !important;
} }
.box_below {
position: relative;
// top:65px;
background-color: lightcoral;
height: 80%;
}
.dash_box {
height: 100%;
width: 100%;
background-color: yellow;
padding: 2px;
}
src/app/userpage/user-dash/user-dash.page.ts
+5 -2
View File
@@ -6,7 +6,7 @@ import { Component, OnInit } from '@angular/core';
styleUrls: ['./user-dash.page.scss'], styleUrls: ['./user-dash.page.scss'],
}) })
export class UserDashPage implements OnInit { export class UserDashPage implements OnInit {
what_is_below:string='';
constructor() { } constructor() { }
slides_items = [ slides_items = [
{menu_key: "thisleadto", name: "This Menu 11", extra: "c"}, {menu_key: "thisleadto", name: "This Menu 11", extra: "c"},
@@ -20,5 +20,8 @@ export class UserDashPage implements OnInit {
] ]
ngOnInit() { ngOnInit() {
} }
selectedMenu(menuData:any){
alert(menuData.name);
this.what_is_below=menuData.name;
}
} }
src/index.html
+1 -1
View File
@@ -3,7 +3,7 @@
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<title>Ionic App</title> <title>myFit App</title>
<base href="/" /> <base href="/" />