client/src/app/videos/+video-edit/video-add.component.scss

   1 .upload-video-container {
   2   border-radius: 3px;
   3   background-color: #F7F7F7;
   4   border: 3px solid #EAEAEA;
   5   width: 100%;
   6   height: 440px;
   7   text-align: center;
   8   margin-top: 40px;
   9   display: flex;
  10   justify-content: center;
  11   align-items: center;
  12
  13   .upload-video {
  14     display: flex;
  15     flex-direction: column;
  16     align-items: center;
  17
  18     .icon.icon-upload {
  19       @include icon(90px);
  20       margin-bottom: 25px;
  21
  22       background-image: url('../../../assets/images/video/upload.svg');
  23     }
  24
  25     .button-file {
  26       position: relative;
  27       overflow: hidden;
  28       display: inline-block;
  29       margin-bottom: 70px;
  30
  31       @include peertube-button;
  32       @include orange-button;
  33
  34       input[type=file] {
  35         position: absolute;
  36         top: 0;
  37         right: 0;
  38         min-width: 100%;
  39         min-height: 100%;
  40         font-size: 100px;
  41         text-align: right;
  42         filter: alpha(opacity=0);
  43         opacity: 0;
  44         outline: none;
  45         background: white;
  46         cursor: inherit;
  47         display: block;
  48       }
  49     }
  50
  51     select {
  52       @include peertube-select(auto);
  53
  54       display: inline-block;
  55       font-size: 15px
  56     }
  57   }
  58 }
  59
  60