diff --git a/src/app/layout/passport/passport.component.html b/src/app/layout/passport/passport.component.html index 0f37d045..b6ad1782 100644 --- a/src/app/layout/passport/passport.component.html +++ b/src/app/layout/passport/passport.component.html @@ -1,5 +1,5 @@ - +
@@ -8,8 +8,18 @@
-
- -
+ + +
+ +
+
+ + + +
+
\ No newline at end of file diff --git a/src/app/layout/passport/passport.component.less b/src/app/layout/passport/passport.component.less index fc77bde8..c6208a48 100644 --- a/src/app/layout/passport/passport.component.less +++ b/src/app/layout/passport/passport.component.less @@ -11,7 +11,49 @@ box-shadow: 0px 5px 5px #d1d1d1; } - + nz-content { + background : url('../../../assets/images/login/login-bg.jpg') 100% 100% no-repeat; + background-size: cover + } + + passport-login { + background: transparent; + } + + .earth { + animation : eatthAnimation 60s linear infinite; + -webkit-animation: eatthAnimation 60s linear infinite; + max-width : 100%; + margin-top : -50px; + max-height : calc(100% - 64px); + border-radius : 40%; + } + + .earth:hover { + animation-play-state : paused; + -webkit-animation-play-state: paused; + } + + @keyframes eatthAnimation { + 0% { + transform: rotate(0deg); + } + + 100% { + transform: rotate(360deg); + } + } + + @-webkit-keyframes eatthAnimation { + 0% { + transform: rotate(0deg); + } + + 100% { + transform: rotate(360deg); + } + } + } } diff --git a/src/app/routes/passport/components/login/login.component.html b/src/app/routes/passport/components/login/login.component.html index 79afbdb7..07edd142 100644 --- a/src/app/routes/passport/components/login/login.component.html +++ b/src/app/routes/passport/components/login/login.component.html @@ -13,7 +13,7 @@
- +