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 .video-channel-title {
   9   @include settings-big-title;
  10 }
  11
  12 my-actor-avatar-edit,
  13 my-actor-banner-edit {
  14   display: block;
  15   margin-bottom: 20px;
  16 }
  17
  18 my-actor-banner-edit {
  19   max-width: 500px;
  20 }
  21
  22 input[type=text] {
  23   @include peertube-input-text(340px);
  24
  25   display: block;
  26
  27   &#name {
  28     width: auto;
  29     flex-grow: 1;
  30   }
  31 }
  32
  33 input[type=submit] {
  34   @include peertube-button;
  35   @include orange-button;
  36   @include margin-left(auto);
  37 }
  38
  39 textarea {
  40   @include peertube-textarea(500px, 150px);
  41
  42   display: block;
  43 }
  44
  45 .peertube-select-container {
  46   @include peertube-select-container(340px);
  47 }
  48
  49 .breadcrumb {
  50   @include breadcrumb;
  51 }
  52
  53 @media screen and (max-width: $small-view) {
  54   input[type=text]#name {
  55     width: auto !important;
  56   }
  57
  58   label[for=name] + div,
  59   textarea {
  60     width: 100%;
  61   }
  62 }