-.upload-video-container {
- border-radius: 3px;
- background-color: #F7F7F7;
- border: 3px solid #EAEAEA;
- width: 100%;
- height: 440px;
- text-align: center;
- margin-top: 40px;
- display: flex;
- justify-content: center;
- align-items: center;
-
- .upload-video {
- display: flex;
- flex-direction: column;
- align-items: center;
+@import '_variables';
+@import '_mixins';
- .icon.icon-upload {
- @include icon(90px);
- margin-bottom: 25px;
+$border-width: 3px;
+$border-type: solid;
+$border-color: #EAEAEA;
- background-image: url('../../../assets/images/video/upload.svg');
- }
+.margin-content {
+ padding-top: 50px;
+}
- .button-file {
- position: relative;
- overflow: hidden;
- display: inline-block;
- margin-bottom: 70px;
-
- @include peertube-button;
- @include orange-button;
-
- input[type=file] {
- position: absolute;
- top: 0;
- right: 0;
- min-width: 100%;
- min-height: 100%;
- font-size: 100px;
- text-align: right;
- filter: alpha(opacity=0);
- opacity: 0;
- outline: none;
- background: white;
- cursor: inherit;
- display: block;
- }
+.alert {
+ font-size: 15px;
+}
+
+::ng-deep .root-tabset.video-add-tabset {
+ margin-top: 50px;
+
+ &.hide-nav > .nav {
+ display: none !important;
+ }
+
+ & > .nav {
+ border-bottom: $border-width $border-type $border-color;
+ margin: 0 !important;
+
+ & > li {
+ margin-bottom: -$border-width;
}
- select {
- @include peertube-select(auto);
+ a.nav-link {
+ @include disable-default-a-behaviour;
+
+ height: 40px !important;
+ padding: 0 30px !important;
+ font-size: 15px;
+
+ &.active {
+ border: $border-width $border-type $border-color;
+ border-bottom: none;
+ background-color: var(--submenuColor) !important;
- display: inline-block;
- font-size: 15px
+ span {
+ border-bottom: 2px solid var(--mainColor);
+ font-weight: $font-bold;
+ }
+ }
}
}
-}
+ .upload-video-container {
+ border: $border-width $border-type $border-color;
+ border-top: none;
+ background-color: var(--submenuColor);
+ border-radius: 3px;
+ width: 100%;
+ min-height: 440px;
+ padding-bottom: 20px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ }
+}