blueprints/common/eliot-ui/frontend-src/src/app/deployments/deployments.component.scss

   1
   2 .main{
   3   .example-container {
   4     display: flex;
   5     flex-direction: column;
   6     width: 98%;
   7     padding: 10px;
   8     margin: auto;
   9     height: auto;
  10     mat-card {
  11       min-height: calc(100vh - 100px);
  12     }
  13
  14     .stepper-com {
  15       .insert-deploy-yaml-card {
  16         .app-accordion {
  17           padding: 20px;
  18           .upload-csar-label {
  19             padding-bottom: 20px;
  20             padding-top:20px;
  21             mat-label {
  22               padding-right: 20px;
  23             }
  24             .submit-button {
  25               padding-top:20px;
  26             }
  27           }
  28         }
  29       }
  30       .additional-fields-stepper{
  31         .node-label-txt{
  32           mat-form-field {
  33             width: 40%;
  34             justify-content: center;
  35           }
  36         }
  37       }
  38       .finish-stepper {
  39           .deploy-button {
  40             display:flex;
  41             justify-content: center;
  42           }
  43       }
  44     }
  45
  46     .node-radio-group {
  47       display: flex;
  48       flex-direction: column;
  49       margin: 15px 0;
  50     }
  51
  52     .node-radio-button {
  53       margin: 5px;
  54     }
  55
  56     .toaster {
  57       float: right;
  58       display: block;
  59       margin-left: auto;
  60       margin-right: auto;
  61       padding-bottom: 20px;
  62       ngb-toast {
  63         float: right;
  64       }
  65     }
  66   }
  67
  68 }
  69
  70 mat-tab-group {
  71   background-color: primary;
  72 }
  73
  74 mat-card-header {
  75   display: flex; justify-content: center;
  76 }