client/src/app/shared/shared-share-modal/video-share.component.scss

   1 @use '_variables' as *;
   2 @use '_mixins' as *;
   3
   4 my-input-text {
   5   width: 100%;
   6 }
   7
   8 .playlist {
   9   margin-bottom: 50px;
  10 }
  11
  12 .peertube-select-container {
  13   @include peertube-select-container(200px);
  14 }
  15
  16 .qr-code-group {
  17   text-align: center;
  18 }
  19
  20 .nav-content {
  21   margin-top: 30px;
  22   display: flex;
  23   justify-content: center;
  24   align-items: center;
  25   flex-direction: column;
  26 }
  27
  28 .alert,
  29 .embed {
  30   margin-top: 20px;
  31 }
  32
  33 .alert-private {
  34   margin-top: 0;
  35 }
  36
  37 .filters {
  38   margin-top: 30px;
  39
  40   .advanced-filters.show {
  41     overflow: visible !important;
  42   }
  43
  44   .advanced-filters-button {
  45     font-weight: $font-semibold;
  46   }
  47
  48   .video-caption-block {
  49     display: flex;
  50     align-items: center;
  51
  52     .peertube-select-container {
  53       @include margin-left(10px);
  54     }
  55   }
  56
  57   .start-at,
  58   .stop-at {
  59     width: 300px;
  60     display: flex;
  61     align-items: center;
  62
  63     my-timestamp-input {
  64       @include margin-left(10px);
  65     }
  66   }
  67 }
  68
  69 .alert-private {
  70   display: flex;
  71   align-items: center;
  72   justify-content: space-between;
  73 }
  74
  75 h5 {
  76   font-size: 1.15rem;
  77 }