client/src/app/+signup/+register/register.component.scss

   1 @use '_variables' as *;
   2 @use '_mixins' as *;
   3
   4 .alert {
   5   font-size: 15px;
   6   text-align: center;
   7 }
   8
   9 .signup-disabled {
  10   padding-top: 30vh;
  11 }
  12
  13 .wrapper {
  14   display: flex;
  15   flex-direction: column;
  16
  17   .register-form {
  18     max-width: 600px;
  19     align-self: center;
  20   }
  21
  22   .register-form,
  23   .instance-information {
  24     width: 100%;
  25   }
  26
  27   .instance-information {
  28     margin-bottom: 15px;
  29   }
  30 }
  31
  32 .form-group-terms {
  33   margin: 30px 0;
  34 }
  35
  36 .input-group {
  37   @include peertube-input-group(100%);
  38 }
  39
  40 .input-group-append {
  41   height: 30px;
  42 }
  43
  44 .form-group-terms {
  45   width: 100% !important;
  46 }
  47
  48 input:not([type=submit]) {
  49   @include peertube-input-text(100%);
  50   display: block;
  51
  52   &#username,
  53   &#name {
  54     width: auto !important;
  55     flex-grow: 1;
  56   }
  57 }
  58
  59 input[type=submit],
  60 button {
  61   @include peertube-button;
  62
  63   &[cdkStepperNext] {
  64     @include orange-button;
  65     float: inline-end;
  66   }
  67
  68   &[cdkStepperPrevious] {
  69     @include grey-button;
  70     float: inline-start;
  71   }
  72 }
  73
  74 .name-information {
  75   margin-top: 10px;
  76 }
  77
  78 .done-loader {
  79   display: flex;
  80   justify-content: center;
  81   flex-direction: column;
  82   align-items: center;
  83
  84   my-loader {
  85     margin-bottom: 20px;
  86
  87     ::ng-deep .loader div {
  88       border-color: pvar(--mainColor) transparent transparent transparent;
  89     }
  90
  91     + div {
  92       font-size: 15px;
  93     }
  94   }
  95 }