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

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