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