X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fapp%2F%2Bvideos%2F%2Bvideo-edit%2Fvideo-add-components%2Fvideo-upload.component.scss;h=35c626ec2960614cf6f6ed6f3ac637078bfb0bd6;hb=a3f45a2ab3cadf0946f06a0539993b828becd516;hp=a4f87b0b845eaa098f9d8f7a4bb4962518e3c366;hpb=1942f11d5ee6926ad93dc1b79fae18325ba5de18;p=github%2FChocobozzz%2FPeerTube.git diff --git a/client/src/app/+videos/+video-edit/video-add-components/video-upload.component.scss b/client/src/app/+videos/+video-edit/video-add-components/video-upload.component.scss index a4f87b0b8..35c626ec2 100644 --- a/client/src/app/+videos/+video-edit/video-add-components/video-upload.component.scss +++ b/client/src/app/+videos/+video-edit/video-add-components/video-upload.component.scss @@ -1,5 +1,5 @@ -@import 'variables'; -@import 'mixins'; +@use '_variables' as *; +@use '_mixins' as *; .first-step-block { .form-group-channel { @@ -16,26 +16,29 @@ } } +.upload-progress-retry, .upload-progress-cancel { display: flex; - margin-top: 25px; margin-bottom: 40px; .progress { @include progressbar; + flex-grow: 1; height: 30px; - font-size: 15px; + font-size: 14px; background-color: rgba(11, 204, 41, 0.16); .progress-bar { background-color: $green; line-height: 30px; - text-align: left; - font-weight: $font-bold; + text-align: start; + font-weight: $font-semibold; span { - margin-left: 18px; + @include margin-left(13px); + + color: pvar(--mainBackgroundColor); } } } @@ -43,7 +46,6 @@ input { @include peertube-button; @include grey-button; - - margin-left: 10px; + @include margin-left(10px); } }