client/src/app/+manage/video-channel-edit/video-channel-edit.component.scss

   1 @use '_variables' as *;
   2 @use '_mixins' as *;
   3
   4 .margin-content {
   5   padding-top: 20px;
   6 }
   7
   8 label {
   9   font-weight: $font-regular;
  10   font-size: 100%;
  11 }
  12
  13 .video-channel-title {
  14   @include settings-big-title;
  15 }
  16
  17 my-actor-avatar-edit,
  18 my-actor-banner-edit {
  19   display: block;
  20   margin-bottom: 20px;
  21 }
  22
  23 my-actor-banner-edit {
  24   max-width: 500px;
  25 }
  26
  27 .input-group {
  28   @include peertube-input-group(fit-content);
  29 }
  30
  31 .input-group-append {
  32   height: 30px;
  33 }
  34
  35 input {
  36   &[type=text] {
  37     @include peertube-input-text(340px);
  38
  39     display: block;
  40
  41     &#name {
  42       width: auto;
  43       flex-grow: 1;
  44     }
  45   }
  46
  47   &[type=submit] {
  48     @include peertube-button;
  49     @include orange-button;
  50     @include margin-left(auto);
  51   }
  52 }
  53
  54 textarea {
  55   @include peertube-textarea(500px, 150px);
  56
  57   display: block;
  58 }
  59
  60 .peertube-select-container {
  61   @include peertube-select-container(340px);
  62 }
  63
  64 .breadcrumb {
  65   @include breadcrumb;
  66 }
  67
  68 @media screen and (max-width: $small-view) {
  69   input[type=text]#name {
  70     width: auto !important;
  71   }
  72
  73   label[for=name] + div,
  74   textarea {
  75     width: 100%;
  76   }
  77 }