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

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