client/src/app/+admin/users/user-edit/user-edit.component.scss

   1 @use '_variables';
   2 @use '_mixins';
   3
   4 $form-base-input-width: 340px;
   5
   6 label {
   7   font-weight: $font-regular;
   8   font-size: 100%;
   9 }
  10
  11 .account-title {
  12   @include settings-big-title;
  13
  14   &.account-title-danger {
  15     color: lighten($color: #c54130, $amount: 10);
  16   }
  17 }
  18
  19 input:not([type=submit]) {
  20   @include peertube-input-text($form-base-input-width);
  21   display: block;
  22 }
  23
  24 my-input-toggle-hidden {
  25   @include responsive-width($form-base-input-width);
  26
  27   display: block;
  28 }
  29
  30 .peertube-select-container {
  31   @include peertube-select-container($form-base-input-width);
  32 }
  33
  34 my-select-custom-value {
  35   @include responsive-width($form-base-input-width);
  36
  37   display: block;
  38 }
  39
  40 input[type=submit],
  41 button {
  42   @include peertube-button;
  43   @include orange-button;
  44
  45   margin-top: 10px;
  46 }
  47
  48 .transcoding-information {
  49   margin-top: 5px;
  50   font-size: 11px;
  51 }
  52
  53 .danger-zone {
  54   .reset-password-email {
  55     margin-bottom: 30px;
  56
  57     button {
  58       @include peertube-button;
  59       @include danger-button;
  60       @include disable-outline;
  61
  62       display: block;
  63       margin-top: 0;
  64     }
  65   }
  66 }
  67
  68 .breadcrumb {
  69   @include breadcrumb;
  70 }
  71
  72 .dashboard {
  73   @include dashboard;
  74   max-width: 900px;
  75 }