diff options
Diffstat (limited to '')
-rw-r--r-- | src/pybind/mgr/dashboard/frontend/src/app/core/layouts/login-layout/login-layout.component.scss | 61 |
1 files changed, 61 insertions, 0 deletions
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/core/layouts/login-layout/login-layout.component.scss b/src/pybind/mgr/dashboard/frontend/src/app/core/layouts/login-layout/login-layout.component.scss new file mode 100644 index 000000000..d5c9f73ec --- /dev/null +++ b/src/pybind/mgr/dashboard/frontend/src/app/core/layouts/login-layout/login-layout.component.scss @@ -0,0 +1,61 @@ +@use './src/styles/vendor/variables' as vv; + +::ng-deep cd-login-layout .login { + background-color: vv.$secondary; + background-image: url('../../../../assets/ceph_background.gif'); + background-position: right bottom; + background-repeat: no-repeat; + color: vv.$body-color-bright; + + header { + position: absolute; + width: 100vw; + + .navbar { + .dropdown-menu { + margin-top: 0.2rem; + + li a { + &:hover { + background-color: vv.$primary; + } + } + } + } + } + + section { + display: inline-flex; + min-height: 100vh; + width: 100vw; + } + + .list-inline { + margin-bottom: 0; + margin-left: 20%; + } + + a { + color: vv.$fg-color-over-dark-bg; + + &:hover { + color: vv.$fg-hover-color-over-dark-bg; + } + } + + @media screen and (min-width: vv.$screen-sm-min) { + .login-form, + .branding-info { + padding-top: 30vh; + } + } + @media screen and (max-width: vv.$screen-sm-max) { + .login-form { + padding-top: 10vh; + } + + .branding-info { + padding-top: 0; + } + } +} |