aboutsummaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2020-03-18 10:11:59 +0100
committerChocobozzz <me@florianbigard.com>2020-03-18 10:11:59 +0100
commitfad0759cab414731060733df74d4244a13b543e1 (patch)
tree9dfc106c462f6cd72c39885ad434f0a377c76ec0
parentd2cc8e797bc4681765254931ebcdbbb9af0a146a (diff)
downloadPeerTube-fad0759cab414731060733df74d4244a13b543e1.tar.gz
PeerTube-fad0759cab414731060733df74d4244a13b543e1.tar.zst
PeerTube-fad0759cab414731060733df74d4244a13b543e1.zip
Add padding bottom to main container
-rw-r--r--client/src/app/app.component.html2
-rw-r--r--client/src/app/app.component.scss12
2 files changed, 5 insertions, 9 deletions
diff --git a/client/src/app/app.component.html b/client/src/app/app.component.html
index b86b94e8c..d1eb1646f 100644
--- a/client/src/app/app.component.html
+++ b/client/src/app/app.component.html
@@ -2,7 +2,7 @@
2 2
3<my-hotkeys-cheatsheet></my-hotkeys-cheatsheet> 3<my-hotkeys-cheatsheet></my-hotkeys-cheatsheet>
4 4
5<div [ngClass]="{ 'user-logged-in': isUserLoggedIn(), 'user-not-logged-in': !isUserLoggedIn() }"> 5<div class="peertube-container" [ngClass]="{ 'user-logged-in': isUserLoggedIn(), 'user-not-logged-in': !isUserLoggedIn() }">
6 <div class="header"> 6 <div class="header">
7 7
8 <div class="top-left-block" [ngClass]="{ 'border-bottom': menu.isMenuDisplayed === false }"> 8 <div class="top-left-block" [ngClass]="{ 'border-bottom': menu.isMenuDisplayed === false }">
diff --git a/client/src/app/app.component.scss b/client/src/app/app.component.scss
index f1b49a1e2..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}
@@ -84,11 +88,3 @@
84 flex: 1; 88 flex: 1;
85 } 89 }
86} 90}
87
88footer {
89 padding: 10px 0;
90 font-size: 11px;
91 margin-top: $footer-margin;
92 height: $footer-height;
93 justify-content: center;
94}