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

   1 @import '_variables';
   2 @import '_mixins';
   3 @import "./_bootstrap-variables";
   4
   5 @import '~bootstrap/scss/functions';
   6 @import '~bootstrap/scss/variables';
   7
   8 .alert {
   9   font-size: 15px;
  10   text-align: center;
  11 }
  12
  13 .wrapper {
  14   display: flex;
  15   justify-content: space-between;
  16   flex-wrap: wrap;
  17
  18   & > div {
  19     margin-bottom: 40px;
  20
  21     &.register-form {
  22       width: 450px;
  23     }
  24
  25     &.instance-information {
  26       width: 600px;
  27       margin-bottom: 40px;
  28
  29       .block {
  30         font-size: 15px;
  31         margin-bottom: 15px;
  32         padding: 0 $btn-padding-x;
  33       }
  34
  35       @media screen and (max-width: 1500px) {
  36         width: 450px;
  37       }
  38
  39       ngb-accordion ::ng-deep {
  40         .btn {
  41           font-weight: $font-semibold !important;
  42           color: var(--mainForegroundColor) !important;
  43         }
  44       }
  45     }
  46
  47     @media screen and (max-width: $mobile-view) {
  48       width: auto;
  49     }
  50   }
  51 }
  52
  53 .form-group-terms {
  54   margin: 30px 0;
  55 }
  56
  57 .input-group {
  58   @include peertube-input-group(400px);
  59 }
  60
  61 .input-group-append {
  62   height: 30px;
  63 }
  64
  65 input:not([type=submit]) {
  66   @include peertube-input-text(400px);
  67
  68   display: block;
  69
  70   &#username,
  71   &#name {
  72     width: auto !important;
  73     flex-grow: 1;
  74   }
  75 }
  76
  77 input[type=submit],
  78 button {
  79   @include peertube-button;
  80   @include orange-button;
  81 }
  82
  83 .name-information {
  84   margin-top: 10px;
  85 }
  86
  87 .done-loader {
  88   display: flex;
  89   justify-content: center;
  90   flex-direction: column;
  91   align-items: center;
  92
  93   my-loader {
  94     margin-bottom: 20px;
  95
  96     ::ng-deep .loader div {
  97       border-color: var(--mainColor) transparent transparent transparent;
  98     }
  99
 100     & + div {
 101       font-size: 15px;
 102     }
 103   }
 104 }