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

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