diff options
Diffstat (limited to 'client/src/app/app.component.scss')
-rw-r--r-- | client/src/app/app.component.scss | 19 |
1 files changed, 8 insertions, 11 deletions
diff --git a/client/src/app/app.component.scss b/client/src/app/app.component.scss index 51a7a3dd1..0c33dc4a1 100644 --- a/client/src/app/app.component.scss +++ b/client/src/app/app.component.scss | |||
@@ -1,6 +1,10 @@ | |||
1 | @import '_variables'; | 1 | @import '_variables'; |
2 | @import '_mixins'; | 2 | @import '_mixins'; |
3 | 3 | ||
4 | .peertube-container { | ||
5 | padding-bottom: 20px; | ||
6 | } | ||
7 | |||
4 | .main-row { | 8 | .main-row { |
5 | min-height: calc(100vh - #{$header-height} - #{$footer-height} - #{$footer-margin}); | 9 | min-height: calc(100vh - #{$header-height} - #{$footer-height} - #{$footer-margin}); |
6 | } | 10 | } |
@@ -8,6 +12,7 @@ | |||
8 | .sub-header-container { | 12 | .sub-header-container { |
9 | margin-top: $header-height; | 13 | margin-top: $header-height; |
10 | background-color: var(--mainBackgroundColor); | 14 | background-color: var(--mainBackgroundColor); |
15 | width: 100%; | ||
11 | } | 16 | } |
12 | 17 | ||
13 | .header { | 18 | .header { |
@@ -16,12 +21,12 @@ | |||
16 | top: 0; | 21 | top: 0; |
17 | width: 100%; | 22 | width: 100%; |
18 | background-color: var(--mainBackgroundColor); | 23 | background-color: var(--mainBackgroundColor); |
19 | z-index: 1000; | 24 | z-index: z(header); |
20 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.16); | 25 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.16); |
21 | display: flex; | 26 | display: flex; |
22 | 27 | ||
23 | .top-left-block { | 28 | .top-left-block { |
24 | z-index: 1001; | 29 | z-index: 1; |
25 | height: $header-height; | 30 | height: $header-height; |
26 | display: flex; | 31 | display: flex; |
27 | align-items: center; | 32 | align-items: center; |
@@ -61,7 +66,7 @@ | |||
61 | } | 66 | } |
62 | } | 67 | } |
63 | 68 | ||
64 | @media screen and (max-width: 500px) { | 69 | @media screen and (max-width: $mobile-view) { |
65 | width: 70px; | 70 | width: 70px; |
66 | 71 | ||
67 | .peertube-title { | 72 | .peertube-title { |
@@ -83,11 +88,3 @@ | |||
83 | flex: 1; | 88 | flex: 1; |
84 | } | 89 | } |
85 | } | 90 | } |
86 | |||
87 | footer { | ||
88 | padding: 10px 0; | ||
89 | font-size: 11px; | ||
90 | margin-top: $footer-margin; | ||
91 | height: $footer-height; | ||
92 | justify-content: center; | ||
93 | } | ||