mirror of
https://github.com/XiaoDaiGua-Ray/ray-template.git
synced 2025-04-06 03:57:49 +08:00
2 lines
3.4 KiB
CSS
2 lines
3.4 KiB
CSS
.login{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow:hidden}.login .login-wrapper{position:relative;-webkit-box-flex:1;-webkit-flex:auto;-ms-flex:auto;flex:auto}.login .login-wrapper.login-wrapper--divider{position:relative}.login .login-wrapper.login-wrapper--divider:before{content:"";position:absolute;width:var(--login-height);height:.104rem;background:-webkit-linear-gradient(315deg,transparent,transparent 75%,#2080f0,transparent 80%,transparent 100%),-webkit-linear-gradient(45deg,transparent,transparent 75%,#2080f0,transparent 80%,transparent 100%);background:linear-gradient(135deg,transparent,transparent 75%,#2080f0,transparent 80%,transparent 100%),linear-gradient(45deg,transparent,transparent 75%,#2080f0,transparent 80%,transparent 100%);background-size:1em 1em;background-repeat:repeat-x,repeat-x;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:0;-ms-transform-origin:0;transform-origin:0;left:50%}.login .login-wrapper .login-title__wrapper{position:absolute;left:1.25rem;top:1.25rem}.login .login-wrapper .login-action__wrapper{position:absolute;height:2.833rem;right:1.25rem;top:1.25rem}.login .login-wrapper .login-copyright__wrapper{position:absolute;width:100%;text-align:center;bottom:1.25rem;font-size:.729rem}.login .login-wrapper .login-wrapper__content{width:100%;height:100%}.login .login-wrapper .login-wrapper__content .n-grid{height:100%}.login .login-wrapper .login-wrapper__content .login__left-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-transition:background-color .3s var(--r-bezier);transition:background-color .3s var(--r-bezier)}.login .login-wrapper .login-wrapper__content .login__right-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.login .login-wrapper .login-wrapper__content .login__right-wrapper .login__right-wrapper__content{width:50%;background-color:transparent}.ray-template--light .login__left-wrapper{background-color:#2080f038}.ray-template--light .login__right-wrapper{background-color:#fff}.ray-template--dark .login__left-wrapper{background-color:#2c354b}.ray-template--dark .login__right-wrapper{background-color:#2a3146}@media screen and (max-width: 1200px){.login__left-wrapper{display:none!important}}@media screen and (min-width: 768px) and (max-width: 992px){.login__right-wrapper .login__right-wrapper__content{width:55%!important}}@media screen and (max-width: 768px){.login__right-wrapper .login__right-wrapper__content{width:100%!important}}.qrcode-signing{width:100%;height:12.5rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.ray-template--light .sso-signing{color:#878787}
|