X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;ds=sidebyside;f=client%2Fsrc%2Fapp%2F%2Bvideos%2F%2Bvideo-edit%2Fvideo-add-components%2Fvideo-upload.component.scss;h=f26e95ec530f2648a2f204bace74e6bf746cd203;hb=fa12eacc014aae8094d108634371640f2695bf9f;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..f26e95ec5 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'; +@use '_mixins'; .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); } }