Updated page styles

2023-01-16 10:49:31 -05:00
parent 3fa2b8c419
commit cc33edd4bb
8 changed files with 59 additions and 20 deletions
@@ -1,8 +1,8 @@
 {
  "name": "my-fit",
  "version": "5.0.1",
-  "author": "Ionic Framework",
-  "homepage": "https://ionicframework.com/",
+  "author": "myFit - Personal Health Engine",
+  "homepage": "https://myfir.mermsemr.com/",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
@@ -61,5 +61,5 @@
    "ts-node": "~8.3.0",
    "typescript": "~4.8.4"
  },
-  "description": "An Ionic project"
+  "description": "Merms Users Product"
 }
@@ -19,10 +19,10 @@
          <ion-grid>
            <ion-row>
              <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-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-row>
          </ion-grid>
@@ -8,7 +8,25 @@
        position: relative;
        top:50%;
        .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;
+    }
 }
@@ -1,6 +1,9 @@
 <ion-header>
  <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-header>

@@ -1,10 +1,5 @@
-<ion-header>
-  <ion-toolbar>
-    <ion-title>UserDash</ion-title>
-  </ion-toolbar>
-</ion-header>
-
 <ion-content>
+  <div class="dash_box">
  <div class="dash_top">
    <ion-grid>
      <ion-row>
@@ -28,6 +23,7 @@
                fill="outline"
                class="slide_c"
                outline
+                (click)="selectedMenu(x)"
                >{{x.name}}</ion-button
              >
            </ion-slide>
@@ -36,4 +32,9 @@
      </ion-row>
    </ion-grid>
  </div>
+  <ion-grid class="box_below">
+    <div>{{what_is_below}}</div>
+  </ion-grid>
+  </div>
+
 </ion-content>
@@ -1,14 +1,28 @@
-.dash_top{
-    position: relative;
-    top:50px;
+.dash_top {
+  padding: 20px 0px 0px 0px;
+  position: relative;
+  // top:50px;
 }
 .slide_c {
  //width: 150px;
  //background-color: red;
+  padding: 0px;
  font-size: 11px;
  text-transform: uppercase;
-
 }
 ion-slide {
  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;
+}
@@ -6,7 +6,7 @@ import { Component, OnInit } from '@angular/core';
  styleUrls: ['./user-dash.page.scss'],
 })
 export class UserDashPage implements OnInit {
-
+  what_is_below:string='';
  constructor() { }
  slides_items = [
    {menu_key: "thisleadto", name: "This Menu 11", extra: "c"},
@@ -20,5 +20,8 @@ export class UserDashPage implements OnInit {
    ]
  ngOnInit() {
  }
-
+  selectedMenu(menuData:any){
+    alert(menuData.name);
+   this.what_is_below=menuData.name;
+  }
 }
@@ -3,7 +3,7 @@

 <head>
  <meta charset="utf-8" />
-  <title>Ionic App</title>
+  <title>myFit App</title>

  <base href="/" />