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
  66     // Chrome does not support inline-end
  67     float: right;
  68     float: inline-end;
  69   }
  70
  71   &[cdkStepperPrevious] {
  72     @include grey-button;
  73
  74     // Chrome does not support inline-start
  75     float: left;
  76     float: inline-start;
  77   }
  78 }
  79
  80 .name-information {
  81   margin-top: 10px;
  82 }
  83
  84 .done-loader {
  85   display: flex;
  86   justify-content: center;
  87   flex-direction: column;
  88   align-items: center;
  89
  90   my-loader {
  91     margin-bottom: 20px;
  92
  93     ::ng-deep .loader div {
  94       border-color: pvar(--mainColor) transparent transparent transparent;
  95     }
  96
  97     + div {
  98       font-size: 15px;
  99     }
 100   }
 101 }