bug fixes

MOE_DEV
Sultan Khan 4 years ago
parent 829267e897
commit 505426e42f

@ -7,10 +7,7 @@
<ion-button class="closeIcon" (click)="closeMenu()"> <ion-button class="closeIcon" (click)="closeMenu()">
<img style= "height: 18px !important;" src="../assets/imgs/close_menu_icon.png "></ion-button> <img style= "height: 18px !important;" src="../assets/imgs/close_menu_icon.png "></ion-button>
</div> </div>
<div style="border-bottom: rgb(190, 186, 186) solid 1px;" >
<img class="mohemmLogo" src="../assets/imgs/menu_mohemm_logo.png" >
</div>
<hr>
</div> </div>
<div class="centerDiv homeBox"> <div class="centerDiv homeBox">

@ -9,7 +9,7 @@ header
bottom: 0; bottom: 0;
} }
.mohemmLogo{ .mohemmLogo {
max-width: 46% !important; max-width: 46% !important;
border: 0 !important; border: 0 !important;
@ -18,7 +18,7 @@ header
margin-bottom: 11px; margin-bottom: 11px;
} }
.mohemmLogo-ar{ .mohemmLogo-ar {
max-width: 46% !important; max-width: 46% !important;
border: 0 !important; border: 0 !important;
@ -27,7 +27,7 @@ header
margin-bottom: 11px; margin-bottom: 11px;
} }
.closeIcon{ .closeIcon {
height: 10px !important; height: 10px !important;
margin-left: 255px !important; margin-left: 255px !important;
@ -38,47 +38,47 @@ header
} }
.menubutton{ .menubutton {
white-space: normal; white-space: normal;
color: var(--light); color: var(--light);
text-transform: capitalize; text-transform: capitalize;
min-height: 39px; min-height: 39px;
background: #f0ecec; background: #f0ecec;
font-size: 2rem; font-size: 2rem;
position: absolute; position: absolute;
width: 35px !important; width: 35px !important;
height: 19px; height: 19px;
box-shadow: 3px 0px 7px 0px #c5c2c2; box-shadow: 3px 0px 7px 0px #c5c2c2;
border-radius: 50%; border-radius: 50%;
} }
.changeIcon{ .changeIcon {
/* background: #c1c1c1; */ /* background: #c1c1c1; */
width: 21px; width: 21px;
/* height: 26px; */ /* height: 26px; */
border-radius: 50% !important; border-radius: 50% !important;
position: relative; position: relative;
color: #7f8c8d; color: #7f8c8d;
height: 35px; height: 35px;
} }
.changeImgBtn{ .changeImgBtn {
// margin: 0; // margin: 0;
position: absolute; position: absolute;
top: 18%; top: 18%;
left: 68%; left: 68%;
// -ms-transform: translate(-50%, -50%); // -ms-transform: translate(-50%, -50%);
// transform: translate(-50%, -50%); // transform: translate(-50%, -50%);
} }
.logout{ .logout {
background-color:#269DB8; background-color: #269DB8;
border: none; border: none;
color:white; color: white;
// padding: 20px; // padding: 20px;
text-align: center; text-align: center;
text-decoration: none; text-decoration: none;
@ -88,38 +88,38 @@ header
margin-top: 15px !important; margin-top: 15px !important;
margin-bottom: 20px !important; margin-bottom: 20px !important;
border-radius: 30px; border-radius: 30px;
// width: 40px; // width: 40px;
height: 26px; height: 26px;
padding: 6px 24px; padding: 6px 24px;
} }
.logout-ar{ .logout-ar {
background-color: #269DB8; background-color: #269DB8;
border: none; border: none;
color: white; color: white;
text-align: center; text-align: center;
text-decoration: none; text-decoration: none;
display: inline-block; display: inline-block;
font-size: 12px; font-size: 12px;
margin-right: 95px !important; margin-right: 95px !important;
margin-top: 15px !important; margin-top: 15px !important;
margin-bottom: 20px !important; margin-bottom: 20px !important;
border-radius: 30px; border-radius: 30px;
height: 26px; height: 26px;
padding: 6px 24px; padding: 6px 24px;
} }
.menuImg{ .menuImg {
width: 105px !important; width: 105px !important;
height: 105px !important; height: 105px !important;
margin-left: 90px !important; margin-left: 90px !important;
display: inline-flex; display: inline-flex;
overflow: hidden; overflow: hidden;
background: transparent; background: transparent;
border-radius: 50% !important; border-radius: 50% !important;
position: relative; position: relative;
top: 0px; top: 0px;
} }
.menu-header .logo { .menu-header .logo {
@ -234,32 +234,34 @@ padding: 6px 24px;
position: relative; position: relative;
display: block; display: block;
margin-bottom: -28px; margin-bottom: -28px;
top: 20px;
} }
.list-en{ .list-en {
margin-left: 0; margin-left: 0;
margin-right: 0; margin-right: 0;
margin-top: -19px; margin-top: -19px;
margin-bottom: 0; margin-bottom: 0;
padding-left: 0; padding-left: 0;
padding-right: 0; padding-right: 0;
padding-top: 0px; padding-top: 0px;
padding-bottom: 8px; padding-bottom: 8px;
} }
.list-ar{ .list-ar {
margin-left: 0; margin-left: 0;
margin-right: 0; margin-right: 0;
margin-top: -19px; margin-top: -19px;
margin-bottom: 0; margin-bottom: 0;
padding-left: 0; padding-left: 0;
padding-right: 0; padding-right: 0;
padding-top: 0px; padding-top: 0px;
padding-bottom: 8px; padding-bottom: 8px;
} }
// .sidebar-menu .header-div { // .sidebar-menu .header-div {
// text-transform: capitalize; // text-transform: capitalize;
@ -293,14 +295,15 @@ button.menu-item.item.item-block.item-ios {
color: black; color: black;
font-size: 16px; font-size: 16px;
} }
.TxtPlaces{
.TxtPlaces {
margin: 0; margin: 0;
padding: 0; padding: 0;
text-align: center; text-align: center;
font-weight: bolder; font-weight: bolder;
font-size: 14px; font-size: 14px;
color: darkgray; color: darkgray;
} }
.menuFooter { .menuFooter {
@ -325,10 +328,10 @@ button.menu-item.item.item-block.item-ios {
// } // }
.menuFooter .CompanyImg{ .menuFooter .CompanyImg {
width: 80%; width: 80%;
height: 80%; height: 80%;
margin-bottom: -21px; margin-bottom: -21px;
} }
// .logoImg{ // .logoImg{
@ -336,39 +339,45 @@ button.menu-item.item.item-block.item-ios {
// position: relative; // position: relative;
// } // }
.logoImgWithMyTeam{ .logoImgWithMyTeam {
width: 77px; width: 77px;
// position: relative; // position: relative;
margin-top: -1px; margin-top: -1px;
margin-bottom: 70px; margin-bottom: 70px;
} }
.logoImg{
.logoImg {
width: 77px; width: 77px;
// position: relative; // position: relative;
margin-top: -1px; margin-top: -1px;
margin-bottom: 180px; margin-bottom: 180px;
} }
.companyTxt { .companyTxt {
font-size: 12px; font-size: 12px;
color: var(--customnavy); color: var(--customnavy);
text-align: center; text-align: center;
} }
ion-thumbnail.menu-thumb{
width:20px; ion-thumbnail.menu-thumb {
height:20px; width: 20px;
height: 20px;
// margin-top: 5px !important; // margin-top: 5px !important;
} }
.changepassword{
color: black !important; .changepassword {
font-weight: bolder !important; color: black !important;
font-weight: bolder !important;
} }
.profile{
.profile {
color: black !important; color: black !important;
font-weight: bolder !important; font-weight: bolder !important;
} }
.profileDiv-ar{
.profileDiv-ar {
margin: 5px auto !important; margin: 5px auto !important;
} }
@ -385,14 +394,14 @@ font-weight: bolder !important;
// top: 7px; // top: 7px;
// } // }
.profileImg{ .profileImg {
width: 140px; width: 140px;
height: 140px; height: 140px;
display: -webkit-inline-box; display: -webkit-inline-box;
display: inline-flex; display: inline-flex;
overflow: hidden; overflow: hidden;
background: transparent; background: transparent;
border-radius: 70% !important; border-radius: 70% !important;
position: relative; position: relative;
top: 3px; top: 3px;
} }

@ -51,8 +51,8 @@
<ion-col [size]="accessFromOutSide ? 12 : 6" *ngIf="button.visible"> --> <ion-col [size]="accessFromOutSide ? 12 : 6" *ngIf="button.visible"> -->
<app-button (click)="checkAccess(button)" [title]="button.title | translate " [icon]="button.icon" <app-button (click)="checkAccess(button)" [title]="button.title | translate " [icon]="button.icon"
[settings]="button.settings" [strong]="button.txt" [class]="button.class" [disabled]="button.disabled" [settings]="button.settings" [strong]="button.txt" [class]="button.class"
*ngIf="button.visible" *ngIf="button.visible && !button.disabled"
[buttonClass]="button.buttonClass" [pClass]="button.pClass"> [buttonClass]="button.buttonClass" [pClass]="button.pClass">
</app-button> </app-button>

@ -15,7 +15,7 @@
</ion-row> </ion-row>
</ion-grid> </ion-grid>
<div *ngIf="!user"> <div *ngIf="!user" [dir]="currentLang==1 ?'rtl': 'ltr'">
<ion-item class="item-input-login"> <ion-item class="item-input-login">
<img style="margin: 9px 8px 9px 0 !important;" class="item-icon" src="assets/imgs/username.png" item-start /> <img style="margin: 9px 8px 9px 0 !important;" class="item-icon" src="assets/imgs/username.png" item-start />
<ion-input class="login-input" required type="text" [(ngModel)]="username" placeholder="{{ts.trPK('login','username')}}"> <ion-input class="login-input" required type="text" [(ngModel)]="username" placeholder="{{ts.trPK('login','username')}}">
@ -46,7 +46,7 @@
</welcome-login> </welcome-login>
<!-- </div> --> <!-- </div> -->
<div *ngIf="!user" class="centerDiv" style="margin-top: 20px !important;"> <div *ngIf="!user" class="centerDiv" style="margin: 25px 15px !important;">
<ion-button [ngClass]="{'disable-button-opacity': isValidForm()}" class="button-login" (click)="onLogin()" [disabled]="isValidForm()" style="width: 100% !important;">{{ts.trPK('login','login')}}</ion-button> <ion-button [ngClass]="{'disable-button-opacity': isValidForm()}" class="button-login" (click)="onLogin()" [disabled]="isValidForm()" style="width: 100% !important;">{{ts.trPK('login','login')}}</ion-button>
<!-- digital ID button --> <!-- digital ID button -->

@ -1,15 +1,21 @@
.signupDiv { .signupDiv {
font-size: 14px; font-size: 14px;
} }
.customGrid { .customGrid {
margin-bottom: 20px; margin-bottom: 20px;
} }
.gridBtn.active{
background:var(--customnavy) !important;
color:var(--light) !important;
.gridBtn.active {
background: var(--customnavy) !important;
color: var(--light) !important;
}
.gridDiv {
direction: rtl
} }
.gridDiv{direction: rtl}
.pageTitle { .pageTitle {
color: var(--dark); color: var(--dark);
font-size: 23px; font-size: 23px;
@ -42,15 +48,14 @@ img.centerDiv {
min-width: 20px; min-width: 20px;
min-height: 20px; min-height: 20px;
display: block; display: block;
margin-top: 30px;
background: var(--light); background: var(--light);
} }
.gridDiv { .gridDiv {
width: 100%; width: 100%;
height: 40px; height: 40px;
margin-top: 20px; padding: 10px 15px;
// margin-bottom: 10px;
font-size: 14px; font-size: 14px;
:root[dir="ltr"] { :root[dir="ltr"] {
@ -112,23 +117,24 @@ img.centerDiv {
.login-input { .login-input {
border: none; border: none;
margin-right: 5px;
} }
.item-input{ .item-input {
--min-height: 1.0cm !important; --min-height: 1.0cm !important;
--border-radius: 12px; --border-radius: 12px;
--ion-color-base: white !important; --ion-color-base: white !important;
// --background: color: var(--darkgray) !important; // --background: color: var(--darkgray) !important;
// background: #7f8c8d !important; // background: #7f8c8d !important;
border-radius: 33px; border-radius: 33px;
--border: solid #9999992b !important; --border: solid #9999992b !important;
border: solid #9999992b !important; border: solid #9999992b !important;
margin-bottom :12px; margin-bottom: 12px;
margin-left: 12px; margin-left: 12px;
margin-right: 12px; margin-right: 12px;
} }
.button-login{ .button-login {
--background: var(--newgreen) !important; --background: var(--newgreen) !important;
background: var(--newgreen) !important; background: var(--newgreen) !important;
@ -142,7 +148,7 @@ img.centerDiv {
width: 315px; width: 315px;
} }
.button-digital-id{ .button-digital-id {
--background: white !important; --background: white !important;
background: white !important; background: white !important;
white-space: normal; white-space: normal;
@ -158,10 +164,11 @@ img.centerDiv {
.content { .content {
width: 500px; width: 500px;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }
.first-circle { .first-circle {
background: var(--newgreen) !important; background: var(--newgreen) !important;
border-radius: 50%; border-radius: 50%;
@ -172,14 +179,16 @@ img.centerDiv {
margin-top: -140px; margin-top: -140px;
} }
.middle-circle { .middle-circle {
position: relative; position: relative;
background:#1a586d !important; background: #1a586d !important;
border-radius: 50%; border-radius: 50%;
height: 160px; height: 160px;
width: 170px; width: 170px;
margin: -115px 0px 0px 179px; margin: -115px 0px 0px 179px;
} }
.last-circle { .last-circle {
position: inherit; position: inherit;
background: #65C399 !important; background: #65C399 !important;
@ -195,7 +204,7 @@ img.centerDiv {
} }
.welcomeText{ .welcomeText {
justify-content: center; justify-content: center;
align-items: center; align-items: center;
text-align: left; text-align: left;
@ -206,56 +215,60 @@ img.centerDiv {
margin-left: 48px; margin-left: 48px;
} }
.forgetText{ .forgetText {
background: transparent; background: transparent;
color: var(--darkblue) !important; color: var(--darkblue) !important;
} }
@media only screen and (max-width: 980px) { @media only screen and (max-width: 980px) {
.content{width:100%;} .content {
width: 100%;
}
} }
.circle1{ .circle1 {
width: 15%; width: 15%;
padding-top: 15%; padding-top: 15%;
margin:0 42%; margin: 0 42%;
background-color: black; background-color: black;
border-radius: 50%; border-radius: 50%;
display:inline-block; display: inline-block;
} }
.circle2{
.circle2 {
width: 15%; width: 15%;
padding-top: 15%; padding-top: 15%;
margin-left: 20%; margin-left: 20%;
background-color:darkred; background-color: darkred;
border-radius: 50%; border-radius: 50%;
display:inline-block; display: inline-block;
margin-top:20px; margin-top: 20px;
} }
.circle3{
width: 15%; .circle3 {
width: 15%;
padding-top: 15%; padding-top: 15%;
margin-left: 26%; margin-left: 26%;
background-color:gold; background-color: gold;
border-radius: 50%; border-radius: 50%;
display:inline-block; display: inline-block;
margin-top:20px; margin-top: 20px;
margin-right: 15%; margin-right: 15%;
} }
.digital-id-en{ .digital-id-en {
color: black; color: black;
position: absolute; position: absolute;
right: 20px; right: 20px;
width: 10%; width: 10%;
} }
.digital-id-ar{ .digital-id-ar {
color: black; color: black;
position: absolute; position: absolute;
left: 20px; left: 20px;
width: 10%; width: 10%;
} }

@ -142,12 +142,13 @@ export class LoginComponent implements OnInit, OnDestroy {
public changeLanguage(langNumber) { public changeLanguage(langNumber) {
console.log("current lang: " + this.currentLang) console.log("current lang: " + this.currentLang)
console.log("click lang: " + langNumber) console.log("click lang: " + langNumber)
if (this.currentLang == langNumber) { if (this.currentLang == langNumber) {
this.currentLang = langNumber; this.currentLang = langNumber;
return; return;
} else { } else {
this.ts.switchLanguage(); this.ts.switchLanguage();
// tslint:disable-next-line: triple-equals
if (TranslatorService.CURRENT_LANGUAGE == TranslatorService.EN) { if (TranslatorService.CURRENT_LANGUAGE == TranslatorService.EN) {
this.language = 'US'; this.language = 'US';
} else { } else {
@ -156,6 +157,7 @@ export class LoginComponent implements OnInit, OnDestroy {
this.currentLang = TranslatorService.getCurrentLanguageCode(); this.currentLang = TranslatorService.getCurrentLanguageCode();
} }
this.currentLang = langNumber; this.currentLang = langNumber;
} }
public forgetPasswordPage() { public forgetPasswordPage() {
@ -390,19 +392,19 @@ export class LoginComponent implements OnInit, OnDestroy {
return await modal.present(); return await modal.present();
} }
showPassword(){ showPassword() {
this.inputType = 'password'; this.inputType = 'password';
} }
hidePassword(){ hidePassword() {
this.inputType = 'text'; this.inputType = 'text';
} }
async appUpdate(msg, result) { async appUpdate(msg, result) {
const modal = await this.modalController.create({ const modal = await this.modalController.create({
component: AppUpdateComponent, component: AppUpdateComponent,
cssClass: 'app-update-modal-css', cssClass: 'app-update-modal-css',
componentProps: {'msg':msg} componentProps: { 'msg': msg }
}); });
modal.onDidDismiss().then((data) => { modal.onDidDismiss().then((data) => {
this.handleAppUpdate(result); this.handleAppUpdate(result);

@ -1,25 +1,26 @@
.header-toolbar{ .header-toolbar {
--background: linear-gradient(45deg, #3ac1f1 0%, #19a163 36%, #19a163 59%, #1a586d 100%); --background: linear-gradient(45deg, #3ac1f1 0%, #19a163 36%, #19a163 59%, #1a586d 100%);
} }
.btnBack{ .btnBack {
background: transparent; background: transparent;
} }
ion-img{ ion-img {
width: 180px; width: 180px;
height: 180px; height: 180px;
background:transparent; background: transparent;
} }
h1{ h1 {
font-size: 28px !important; font-size: 28px !important;
} }
span{ span {
font-weight: bold; font-weight: bold;
} }
.button-login{
.button-login {
--background: var(--newgreen) !important; --background: var(--newgreen) !important;
background: var(--newgreen) !important; background: var(--newgreen) !important;
@ -35,11 +36,11 @@ span{
.leftDiv { .leftDiv {
margin: auto; margin: auto;
text-align: left;
display: block; display: block;
} }
.sms_code{ .sms_code {
margin: 0px; margin: 0px;
text-align: center; text-align: center;
} }
@ -57,12 +58,13 @@ ion-input {
transition: all .2s ease-in-out; transition: all .2s ease-in-out;
border-radius: 3px; border-radius: 3px;
display: inline-block; display: inline-block;
&:focus { &:focus {
border-color:var(--ion-color-secondary) !important; border-color: var(--ion-color-secondary) !important;
box-shadow: 0 0 5px var(--ion-color-secondary) !important inset; box-shadow: 0 0 5px var(--ion-color-secondary) !important;
} }
&::selection { &::selection {
background: transparent; background: transparent;
} }
} }

@ -1,8 +1,8 @@
import { Component, OnInit } from '@angular/core'; import { Component, OnInit, ViewChild } from '@angular/core';
import { ElementRef } from '@angular/core'; import { ElementRef } from '@angular/core';
import { NavController, Platform } from '@ionic/angular'; import { IonContent, NavController, Platform } from '@ionic/angular';
import { TranslatorService } from 'src/app/hmg-common/services/translator/translator.service'; import { TranslatorService } from 'src/app/hmg-common/services/translator/translator.service';
@ -28,6 +28,7 @@ import { NFC } from "@ionic-native/nfc/ngx";
import { SmsRetriever } from '@ionic-native/sms-retriever/ngx'; import { SmsRetriever } from '@ionic-native/sms-retriever/ngx';
@Component({ @Component({
selector: 'app-sms-page', selector: 'app-sms-page',
@ -41,7 +42,7 @@ import { SmsRetriever } from '@ionic-native/sms-retriever/ngx';
export class SmsPageComponent implements OnInit { export class SmsPageComponent implements OnInit {
@ViewChild(IonContent) content: IonContent;
public static LOGIN_DATA = 'LOGIN_DATA'; public static LOGIN_DATA = 'LOGIN_DATA';
Channel = 0; Channel = 0;
@ -189,6 +190,7 @@ export class SmsPageComponent implements OnInit {
.then((res: any) => this.checkActivation(res, true)) .then((res: any) => this.checkActivation(res, true))
.catch((error: any) => console.error(error)); .catch((error: any) => console.error(error));
this.content.scrollToTop(0);
} }
@ -620,7 +622,7 @@ export class SmsPageComponent implements OnInit {
const sibPre = t.previousElementSibling; const sibPre = t.previousElementSibling;
if (key === undefined && e.target.value.length==4 && (this.platform.is('ios') && !this.platform.is('mobileweb'))) { if (key === undefined && e.target.value.length == 4 && (this.platform.is('ios') && !this.platform.is('mobileweb'))) {
this.checkActivation(e.target.value, false); this.checkActivation(e.target.value, false);
} }

@ -27,9 +27,9 @@ export class ConnectorService {
public static retryTimes = 0; public static retryTimes = 0;
public static timeOut = 180 * 1000; public static timeOut = 180 * 1000;
//public static host = 'https://uat.hmgwebservices.com/'; public static host = 'https://uat.hmgwebservices.com/';
// public static host = 'https://hmgwebservices.com/'; // public static host = 'https://hmgwebservices.com/';
public static host = 'http://riyt-mohemm1:1010/' //MOE // public static host = 'http://riyt-mohemm1:1010/' //MOE
constructor(public httpClient: HttpClient, constructor(public httpClient: HttpClient,
public cs: CommonService, public cs: CommonService,
private events: Events, private events: Events,

@ -13,6 +13,7 @@
display: block; display: block;
width: 100%; width: 100%;
position: static; position: static;
img { img {
// display: block; // display: block;
// max-width: 45%; // max-width: 45%;
@ -28,6 +29,7 @@
.titleBox { .titleBox {
display: block; display: block;
span { span {
font-size: 25px; font-size: 25px;
font-weight: bold; font-weight: bold;
@ -37,6 +39,10 @@
} }
} }
ion-app[dir="rtl"] .titleBox {
text-align: right;
}
.pClass { .pClass {
color: black; color: black;
width: 85%; width: 85%;
@ -47,7 +53,7 @@
font-size: 14px !important; font-size: 14px !important;
} }
.iconFab{ .iconFab {
margin-left: -20px; margin-left: -20px;
margin-top: 10px; margin-top: 10px;
width: 100px; width: 100px;
@ -59,6 +65,7 @@
width: 100%; width: 100%;
top: 70px; top: 70px;
left: 2px; left: 2px;
img { img {
width: 25px; width: 25px;
} }

@ -27,7 +27,7 @@
<ion-row *ngFor="let menuItem of menuEntries; let i=index"> <ion-row *ngFor="let menuItem of menuEntries; let i=index">
<ion-col [size]="12"> <ion-col [size]="12">
<ion-label>{{menuItem.PROMPT}}</ion-label> <ion-label class="menu-label">{{menuItem.PROMPT}}</ion-label>
</ion-col> </ion-col>
<ion-slides [options]="slideOptsTwo"> <ion-slides [options]="slideOptsTwo">

@ -3,10 +3,11 @@ ion-row {
margin-top: 10px; margin-top: 10px;
} }
.header-toolbar-new{ .header-toolbar-new {
--background: #269DB8; --background: #269DB8;
} }
.profile-image-container{
.profile-image-container {
position: relative; position: relative;
z-index: 999; z-index: 999;
// img { // img {
@ -18,7 +19,8 @@ ion-row {
// // margin-right: 4px; // // margin-right: 4px;
// } // }
} }
.profile-image{
.profile-image {
width: 32px; width: 32px;
float: right; float: right;
// margin-top: -42px; // margin-top: -42px;
@ -26,45 +28,51 @@ ion-row {
height: 32px; height: 32px;
// margin-right: 4px; // margin-right: 4px;
} }
ion-title{
ion-title {
color: white; color: white;
position: absolute; position: absolute;
top: 0; top: 0;
text-align: center; text-align: center;
left:20%; left: 20%;
right: 20%; right: 20%;
font-size: 0.42cm; font-size: 0.42cm;
font-weight: bold; font-weight: bold;
height: 100%; height: 100%;
} }
ion-label{
ion-label {
display: block; display: block;
color: black !important; color: black !important;
font-size: 14px; font-size: 14px;
font-weight: bold; font-weight: bold;
} }
.main-dashboard-container{
.main-dashboard-container {
position: relative; position: relative;
width: 100%; width: 100%;
} }
.contentBg:before { .contentBg:before {
position: absolute; position: absolute;
content: ""; content: "";
background: #269DB8; background: #269DB8;
height: 100px; height: 100px;
width: 100%; width: 100%;
left: 0; left: 0;
top: 0px; top: 0px;
z-index: 1; z-index: 1;
} }
.main-container{
.main-container {
position: relative; position: relative;
z-index: 2; z-index: 2;
padding-right: 15px; padding-right: 15px;
padding-left: 15px; padding-left: 15px;
padding-bottom: 130px; padding-bottom: 130px;
} }
.attendance-module{
.attendance-module {
border-radius: 20px; border-radius: 20px;
background-color: #292F42; background-color: #292F42;
padding: 10px; padding: 10px;
@ -72,21 +80,25 @@ ion-label{
width: 100%; width: 100%;
margin-top: 25px; margin-top: 25px;
margin-bottom: 0px; margin-bottom: 0px;
h3{
h3 {
font-size: 18px; font-size: 18px;
font-weight: bold; font-weight: bold;
margin: 0; margin: 0;
} }
span{
span {
font-size: 13px; font-size: 13px;
display: block; display: block;
} }
img{
img {
display: block; display: block;
margin: 10px auto; margin: 10px auto;
width: 80%; width: 80%;
} }
ion-button{
ion-button {
border-radius: 10px; border-radius: 10px;
padding: 10px; padding: 10px;
background: #269db8; background: #269db8;
@ -98,10 +110,12 @@ ion-label{
font-size: 12px; font-size: 12px;
} }
} }
.swiper-container { .swiper-container {
margin: 0 !important; margin: 0 !important;
width: 100% !important; width: 100% !important;
} }
.fixed-shift-time-en { .fixed-shift-time-en {
right: 20px; right: 20px;
} }
@ -110,10 +124,11 @@ ion-label{
left: 20px; left: 20px;
} }
.fixed-shift-timer{ .fixed-shift-timer {
position: fixed; position: fixed;
bottom: 20px; bottom: 20px;
z-index: 2; z-index: 2;
span.subTitle { span.subTitle {
position: absolute; position: absolute;
left: 50%; left: 50%;
@ -163,6 +178,7 @@ ion-label{
width: 100%; width: 100%;
top: 70px; top: 70px;
left: 2px; left: 2px;
img { img {
width: 25px; width: 25px;
} }

File diff suppressed because it is too large Load Diff
Loading…
Cancel
Save