From 6ae0a9760d8d8b875f95cb4af34011a28d1a142d Mon Sep 17 00:00:00 2001 From: Sercan Yemen Date: Wed, 6 Dec 2017 14:39:24 +0300 Subject: [PATCH] Fix the missing backgrounds + Increased the shadow weight of the content on Auth, Coming Soon and Maintenance pages --- .../forgot-password-2/forgot-password-2.component.scss | 2 +- .../forgot-password/forgot-password.component.scss | 2 +- .../content/pages/authentication/lock/lock.component.scss | 2 +- .../pages/authentication/login-2/login-2.component.scss | 2 +- .../authentication/mail-confirm/mail-confirm.component.scss | 2 +- .../pages/authentication/register-2/register-2.component.scss | 2 +- .../pages/authentication/register/register.component.scss | 2 +- .../reset-password-2/reset-password-2.component.scss | 2 +- .../reset-password/reset-password.component.scss | 2 +- .../main/content/pages/coming-soon/coming-soon.component.scss | 4 ++-- .../main/content/pages/maintenance/maintenance.component.scss | 4 ++-- src/app/main/content/pages/profile/profile.component.scss | 2 +- 12 files changed, 14 insertions(+), 14 deletions(-) diff --git a/src/app/main/content/pages/authentication/forgot-password-2/forgot-password-2.component.scss b/src/app/main/content/pages/authentication/forgot-password-2/forgot-password-2.component.scss index 09c99133..22190990 100644 --- a/src/app/main/content/pages/authentication/forgot-password-2/forgot-password-2.component.scss +++ b/src/app/main/content/pages/authentication/forgot-password-2/forgot-password-2.component.scss @@ -39,7 +39,7 @@ min-width: 400px; max-width: 400px; background: #FFFFFF; - @include mat-elevation(7); + @include mat-elevation(16); @include media-breakpoint('sm') { width: 360px; diff --git a/src/app/main/content/pages/authentication/forgot-password/forgot-password.component.scss b/src/app/main/content/pages/authentication/forgot-password/forgot-password.component.scss index 758dcaa6..eede1399 100644 --- a/src/app/main/content/pages/authentication/forgot-password/forgot-password.component.scss +++ b/src/app/main/content/pages/authentication/forgot-password/forgot-password.component.scss @@ -22,7 +22,7 @@ padding: 32px; text-align: center; background: #FFFFFF; - @include mat-elevation(7); + @include mat-elevation(16); @include media-breakpoint('xs') { padding: 24px; diff --git a/src/app/main/content/pages/authentication/lock/lock.component.scss b/src/app/main/content/pages/authentication/lock/lock.component.scss index fe974728..24290501 100644 --- a/src/app/main/content/pages/authentication/lock/lock.component.scss +++ b/src/app/main/content/pages/authentication/lock/lock.component.scss @@ -23,7 +23,7 @@ max-width: 420px; padding: 48px 32px 32px 32px; background: #FFFFFF; - @include mat-elevation(7); + @include mat-elevation(16); @include media-breakpoint('xs') { padding: 24px; diff --git a/src/app/main/content/pages/authentication/login-2/login-2.component.scss b/src/app/main/content/pages/authentication/login-2/login-2.component.scss index 9955043e..2a2d50a5 100644 --- a/src/app/main/content/pages/authentication/login-2/login-2.component.scss +++ b/src/app/main/content/pages/authentication/login-2/login-2.component.scss @@ -39,7 +39,7 @@ min-width: 400px; max-width: 400px; background: #FFFFFF; - @include mat-elevation(7); + @include mat-elevation(16); @include media-breakpoint('sm') { width: 360px; diff --git a/src/app/main/content/pages/authentication/mail-confirm/mail-confirm.component.scss b/src/app/main/content/pages/authentication/mail-confirm/mail-confirm.component.scss index 3ca6345a..0ee0667e 100644 --- a/src/app/main/content/pages/authentication/mail-confirm/mail-confirm.component.scss +++ b/src/app/main/content/pages/authentication/mail-confirm/mail-confirm.component.scss @@ -21,7 +21,7 @@ padding: 48px; background: #FFFFFF; text-align: center; - @include mat-elevation(7); + @include mat-elevation(16); @include media-breakpoint('xs') { padding: 24px; diff --git a/src/app/main/content/pages/authentication/register-2/register-2.component.scss b/src/app/main/content/pages/authentication/register-2/register-2.component.scss index a7e72945..9868851d 100644 --- a/src/app/main/content/pages/authentication/register-2/register-2.component.scss +++ b/src/app/main/content/pages/authentication/register-2/register-2.component.scss @@ -39,7 +39,7 @@ min-width: 400px; max-width: 400px; background: #FFFFFF; - @include mat-elevation(7); + @include mat-elevation(16); @include media-breakpoint('sm') { width: 360px; diff --git a/src/app/main/content/pages/authentication/register/register.component.scss b/src/app/main/content/pages/authentication/register/register.component.scss index bb6056d7..3ed27336 100644 --- a/src/app/main/content/pages/authentication/register/register.component.scss +++ b/src/app/main/content/pages/authentication/register/register.component.scss @@ -22,7 +22,7 @@ padding: 32px; background: #FFFFFF; text-align: center; - @include mat-elevation(7); + @include mat-elevation(16); @include media-breakpoint('xs') { padding: 24px; diff --git a/src/app/main/content/pages/authentication/reset-password-2/reset-password-2.component.scss b/src/app/main/content/pages/authentication/reset-password-2/reset-password-2.component.scss index 52684ac9..4138158e 100644 --- a/src/app/main/content/pages/authentication/reset-password-2/reset-password-2.component.scss +++ b/src/app/main/content/pages/authentication/reset-password-2/reset-password-2.component.scss @@ -39,7 +39,7 @@ min-width: 400px; max-width: 400px; background: #FFFFFF; - @include mat-elevation(7); + @include mat-elevation(16); @include media-breakpoint('sm') { width: 360px; diff --git a/src/app/main/content/pages/authentication/reset-password/reset-password.component.scss b/src/app/main/content/pages/authentication/reset-password/reset-password.component.scss index e1d0f43c..70f9dbfa 100644 --- a/src/app/main/content/pages/authentication/reset-password/reset-password.component.scss +++ b/src/app/main/content/pages/authentication/reset-password/reset-password.component.scss @@ -22,7 +22,7 @@ padding: 32px; text-align: center; background: #FFFFFF; - @include mat-elevation(7); + @include mat-elevation(16); @include media-breakpoint('xs') { padding: 24px; diff --git a/src/app/main/content/pages/coming-soon/coming-soon.component.scss b/src/app/main/content/pages/coming-soon/coming-soon.component.scss index 8cbdf880..88186e1b 100644 --- a/src/app/main/content/pages/coming-soon/coming-soon.component.scss +++ b/src/app/main/content/pages/coming-soon/coming-soon.component.scss @@ -5,7 +5,7 @@ #coming-soon { width: 100%; overflow: auto; - background: url('/assets/images/backgrounds/march.jpg') no-repeat; + background: url('/assets/images/backgrounds/dark-material-bg.jpg') no-repeat; background-size: cover; #coming-soon-form-wrapper { @@ -21,7 +21,7 @@ max-width: 384px; background: #FFFFFF; text-align: center; - @include mat-elevation(7); + @include mat-elevation(16); @include media-breakpoint('xs') { width: 100%; diff --git a/src/app/main/content/pages/maintenance/maintenance.component.scss b/src/app/main/content/pages/maintenance/maintenance.component.scss index 7dc78ae5..aaf6bd6b 100644 --- a/src/app/main/content/pages/maintenance/maintenance.component.scss +++ b/src/app/main/content/pages/maintenance/maintenance.component.scss @@ -5,7 +5,7 @@ #maintenance { width: 100%; overflow: auto; - background: url('/assets/images/backgrounds/march.jpg') no-repeat; + background: url('/assets/images/backgrounds/dark-material-bg.jpg') no-repeat; background-size: cover; #maintenance-form-wrapper { @@ -21,7 +21,7 @@ padding: 48px; background: #FFFFFF; text-align: center; - @include mat-elevation(7); + @include mat-elevation(16); @include media-breakpoint('xs') { padding: 24px; diff --git a/src/app/main/content/pages/profile/profile.component.scss b/src/app/main/content/pages/profile/profile.component.scss index a1cdcf26..cf8e299c 100644 --- a/src/app/main/content/pages/profile/profile.component.scss +++ b/src/app/main/content/pages/profile/profile.component.scss @@ -6,7 +6,7 @@ height: 320px; min-height: 320px; max-height: 320px; - background: url('/assets/images/backgrounds/march.jpg') no-repeat 0 45%; + background: url('/assets/images/backgrounds/dark-material-bg.jpg') no-repeat 0 45%; background-size: 100% auto; .profile-image {