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 my-user-real-quota-info {
  45   display: block;
  46   margin-top: 5px;
  47   font-size: 11px;
  48 }
  49
  50 .danger-zone {
  51   .reset-password-email {
  52     margin-bottom: 30px;
  53
  54     button {
  55       @include peertube-button;
  56       @include danger-button;
  57       @include disable-outline;
  58
  59       display: block;
  60       margin-top: 0;
  61     }
  62   }
  63 }
  64
  65 .breadcrumb {
  66   @include breadcrumb;
  67 }
  68
  69 .dashboard {
  70   @include dashboard;
  71   max-width: 900px;
  72 }