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

   1 @import '_variables';
   2 @import '_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   @include orange-button;
  59 }
  60
  61 .name-information {
  62   margin-top: 10px;
  63 }
  64
  65 .done-loader {
  66   display: flex;
  67   justify-content: center;
  68   flex-direction: column;
  69   align-items: center;
  70
  71   my-loader {
  72     margin-bottom: 20px;
  73
  74     ::ng-deep .loader div {
  75       border-color: pvar(--mainColor) transparent transparent transparent;
  76     }
  77
  78     & + div {
  79       font-size: 15px;
  80     }
  81   }
  82 }