client/src/app/+my-library/+my-video-channels/my-video-channel-edit.component.scss

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