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 input:not([type=submit]) {
  33   @include peertube-input-text(100%);
  34   display: block;
  35
  36   &#username,
  37   &#name {
  38     width: auto !important;
  39     flex-grow: 1;
  40   }
  41 }
  42
  43 input[type=submit],
  44 button {
  45   @include peertube-button;
  46
  47   &[cdkStepperNext] {
  48     @include orange-button;
  49
  50     // Chrome does not support inline-end
  51     float: right;
  52     float: inline-end;
  53   }
  54
  55   &[cdkStepperPrevious] {
  56     @include grey-button;
  57
  58     // Chrome does not support inline-start
  59     float: left;
  60     float: inline-start;
  61   }
  62 }
  63
  64 .name-information {
  65   margin-top: 10px;
  66 }
  67
  68 .done-loader {
  69   display: flex;
  70   justify-content: center;
  71   flex-direction: column;
  72   align-items: center;
  73
  74   my-loader {
  75     margin-bottom: 20px;
  76
  77     ::ng-deep .loader div {
  78       border-color: pvar(--mainColor) transparent transparent transparent;
  79     }
  80
  81     + div {
  82       font-size: 15px;
  83     }
  84   }
  85 }