ceph/src/pybind/mgr/dashboard/frontend/src/app/core/layouts/login-layout/login-layout.component.scss

   1 @use './src/styles/vendor/variables' as vv;
   2
   3 ::ng-deep cd-login-layout .login {
   4   background-color: vv.$secondary;
   5   background-image: url('../../../../assets/ceph_background.gif');
   6   background-position: right bottom;
   7   background-repeat: no-repeat;
   8   color: vv.$body-color-bright;
   9
  10   header {
  11     position: absolute;
  12     width: 100vw;
  13
  14     .navbar {
  15       .dropdown-menu {
  16         margin-top: 0.2rem;
  17
  18         li a {
  19           &:hover {
  20             background-color: vv.$primary;
  21           }
  22         }
  23       }
  24     }
  25   }
  26
  27   section {
  28     display: inline-flex;
  29     min-height: 100vh;
  30     width: 100vw;
  31   }
  32
  33   .list-inline {
  34     margin-bottom: 0;
  35     margin-left: 20%;
  36   }
  37
  38   a {
  39     color: vv.$fg-color-over-dark-bg;
  40
  41     &:hover {
  42       color: vv.$fg-hover-color-over-dark-bg;
  43     }
  44   }
  45
  46   @media screen and (min-width: vv.$screen-sm-min) {
  47     .login-form,
  48     .branding-info {
  49       padding-top: 30vh;
  50     }
  51   }
  52   @media screen and (max-width: vv.$screen-sm-max) {
  53     .login-form {
  54       padding-top: 10vh;
  55     }
  56
  57     .branding-info {
  58       padding-top: 0;
  59     }
  60   }
  61 }