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