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:not([type=submit]) {
  62   @include peertube-input-text(400px);
  63
  64   display: block;
  65
  66   &#username,
  67   &#name {
  68     width: auto !important;
  69     flex-grow: 1;
  70   }
  71 }
  72
  73 input[type=submit],
  74 button {
  75   @include peertube-button;
  76   @include orange-button;
  77 }
  78
  79 .name-information {
  80   margin-top: 10px;
  81 }
  82
  83 .done-loader {
  84   display: flex;
  85   justify-content: center;
  86   flex-direction: column;
  87   align-items: center;
  88
  89   my-loader {
  90     margin-bottom: 20px;
  91
  92     ::ng-deep .loader div {
  93       border-color: var(--mainColor) transparent transparent transparent;
  94     }
  95
  96     & + div {
  97       font-size: 15px;
  98     }
  99   }
 100 }