MOE design updates

MOE_DEV_NEW_TEMPORARY_DESIGN
Sultan Khan 3 years ago
parent 94d787742a
commit 55f03d9971

@ -91,7 +91,7 @@ hr {
margin-top: 15px !important; margin-top: 15px !important;
margin-bottom: 20px !important; margin-bottom: 20px !important;
border-radius: 30px; border-radius: 30px;
height: 32px; height: 35px;
margin: auto; margin: auto;
padding: 0px 24px; padding: 0px 24px;
display: block; display: block;
@ -110,7 +110,7 @@ hr {
margin-top: 15px !important; margin-top: 15px !important;
margin-bottom: 20px !important; margin-bottom: 20px !important;
border-radius: 30px; border-radius: 30px;
height: 32px; height: 35px;
padding: 0px 24px; padding: 0px 24px;
} }

@ -174,7 +174,7 @@ img.centerDiv {
} }
.first-circle { .first-circle {
background: #024d71 !important; background: #024D71 !important;
border-radius: 50%; border-radius: 50%;
height: 310px; height: 310px;
width: 310px; width: 310px;
@ -186,7 +186,7 @@ img.centerDiv {
.middle-circle { .middle-circle {
position: relative; position: relative;
background: #387c84 !important; background: #44A7A1 !important;
border-radius: 50%; border-radius: 50%;
height: 160px; height: 160px;
width: 190px; width: 190px;
@ -195,7 +195,7 @@ img.centerDiv {
.last-circle { .last-circle {
position: inherit; position: inherit;
background: #15b6df !important; background: #D5E2E8 !important;
border-radius: 50%; border-radius: 50%;
height: 166px; height: 166px;
width: 140px; width: 140px;

@ -27,8 +27,8 @@ 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 inside // public static host = 'http://riyt-mohemm1:1010/' //MOE inside
// public static host = 'http://riyt-mohemm1.mopm.gov.sa:1010/' // MOE vpn // public static host = 'http://riyt-mohemm1.mopm.gov.sa:1010/' // MOE vpn
// public static host = 'http://mohemm-app-test.srca.org.sa:1010/' // SRCA // public static host = 'http://mohemm-app-test.srca.org.sa:1010/' // SRCA

@ -75,7 +75,7 @@ ion-label {
.attendance-module { .attendance-module {
border-radius: 20px; border-radius: 20px;
background-color: #387c84; background-color: #44A7A1;
padding: 10px; padding: 10px;
color: white; color: white;
width: 100%; width: 100%;

@ -327,7 +327,7 @@ ion-content {
width: 25px; width: 25px;
height: 25px; height: 25px;
border-radius: 100%; border-radius: 100%;
background-color: #0ca2de; background-color: #44A7A1;
z-index: 9; z-index: 9;
margin-top: 25px; margin-top: 25px;
/* padding-left: 4px; */ /* padding-left: 4px; */
@ -343,7 +343,7 @@ ion-content {
width: 25px; width: 25px;
height: 25px; height: 25px;
border-radius: 100%; border-radius: 100%;
background-color: #0ca2de; background-color: #44A7A1;
z-index: 9; z-index: 9;
margin-top: 25px; margin-top: 25px;
text-align: center; text-align: center;

@ -429,7 +429,7 @@ ion-content {
border-radius: 50%; border-radius: 50%;
width: 15px; width: 15px;
height: 15px; height: 15px;
background-color: #0ca2de; background-color: #004D71;
top: 1px; top: 1px;
} }

@ -356,7 +356,7 @@ ion-card {
.active-Segment { .active-Segment {
font-size: 0.3cm !important; font-size: 0.3cm !important;
background: #0ca2de !important; background: #44A7A1 !important;
text-transform: none; text-transform: none;
--color-checked: none; --color-checked: none;
border-radius: 100px; border-radius: 100px;

@ -388,23 +388,18 @@
left: 83%; left: 83%;
bottom: 117px; bottom: 117px;
color: black; color: black;
background-color: #024d71; background-color: #43A6A0;
width: 16%; width: 16%;
height: 6px; height: 6px;
} }
.div-green-ar { .div-green-ar {
// position: relative;
// left: 77%;
// bottom: 117px;
// color: black;
// background-color: #024d71;
// width: 20%; height: 6px;
position: relative; position: relative;
left: 4%; left: 4%;
bottom: 117px; bottom: 117px;
color: black; color: black;
background-color: #024d71; background-color: #43A6A0;
width: 15%; width: 15%;
height: 6px; height: 6px;
} }

@ -70,7 +70,7 @@
</div> </div>
<ion-grid [ngClass]="direction === 'ltr'? 'grid-card':'grid-card-ar' "> <ion-grid [ngClass]="direction === 'ltr'? 'grid-card':'grid-card-ar' ">
<div [ngClass]=" direction == 'ltr' ? 'gridService-en' : 'gridService-ar'" <div [ngClass]=" direction == 'ltr' ? 'gridService-en' : 'gridService-ar'"
style="background: #2B353E; border-radius: 0px 0px 10px 10px;"> style="background: #44A7A1; border-radius: 0px 0px 10px 10px;">
<ion-row> <ion-row>
<ion-col> <ion-col>
<label <label

@ -1908,6 +1908,10 @@ ion-app[dir="rtl"] {
} }
.ion-color-secondary {
--ion-color-base: #004D71 !important;
}
ion-app[dir="ltr"] { ion-app[dir="ltr"] {
.slideFullWidth .swiper-container .swiper-wrapper .swiper-slide:first-child { .slideFullWidth .swiper-container .swiper-wrapper .swiper-slide:first-child {

@ -114,11 +114,11 @@
--primary: #3ac1f1; --primary: #3ac1f1;
--secondary: #19a163; --secondary: #19a163;
--danger: #f53d3d; --danger: #f53d3d;
--customnavy: #1a586d; --customnavy: #44A7A1;
--light: #ffffff; --light: #ffffff;
--dark: #000000; --dark: #000000;
--gray: #e4e5e7; --gray: #e4e5e7;
--custgreen: #209a83; --custgreen: #44A7A1;
--cusgray: #d9d9d9; --cusgray: #d9d9d9;
--darkgray: #7F8C8D; --darkgray: #7F8C8D;
--grayBG: #acacac; --grayBG: #acacac;
@ -128,7 +128,7 @@
--red: #BE1E2D; --red: #BE1E2D;
--blue: #223262; --blue: #223262;
--cyanblue: #1b75bc; --cyanblue: #1b75bc;
--newgreen: #0ca2de; --newgreen: #44A7A1;
--darkblue: #024d71; --darkblue: #024d71;
--lightblue: #3cb9d5; --lightblue: #3cb9d5;
--newred: #cb3232; --newred: #cb3232;

Loading…
Cancel
Save