aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/header
diff options
context:
space:
mode:
authorChocobozzz <florian.bigard@gmail.com>2017-12-11 08:50:43 +0100
committerChocobozzz <florian.bigard@gmail.com>2017-12-11 08:50:43 +0100
commit3daf400219fe8cc94025886ba14876bc59a45244 (patch)
tree149c657338a79c7970a5466f6731c8fa513bb8b2 /client/src/app/header
parentb1a134ee525bd23d7e359573eca24f133974de84 (diff)
downloadPeerTube-3daf400219fe8cc94025886ba14876bc59a45244.tar.gz
PeerTube-3daf400219fe8cc94025886ba14876bc59a45244.tar.zst
PeerTube-3daf400219fe8cc94025886ba14876bc59a45244.zip
Responsive homepage
Diffstat (limited to 'client/src/app/header')
-rw-r--r--client/src/app/header/header.component.html2
-rw-r--r--client/src/app/header/header.component.scss21
2 files changed, 22 insertions, 1 deletions
diff --git a/client/src/app/header/header.component.html b/client/src/app/header/header.component.html
index aa72fb68a..c853d2b1b 100644
--- a/client/src/app/header/header.component.html
+++ b/client/src/app/header/header.component.html
@@ -6,5 +6,5 @@
6 6
7<a class="upload-button" routerLink="/videos/upload"> 7<a class="upload-button" routerLink="/videos/upload">
8 <span class="icon icon-upload"></span> 8 <span class="icon icon-upload"></span>
9 Upload 9 <span class="upload-button-label">Upload</span>
10</a> 10</a>
diff --git a/client/src/app/header/header.component.scss b/client/src/app/header/header.component.scss
index ed8695eab..5f64ede98 100644
--- a/client/src/app/header/header.component.scss
+++ b/client/src/app/header/header.component.scss
@@ -6,6 +6,14 @@
6 &::placeholder { 6 &::placeholder {
7 color: #000; 7 color: #000;
8 } 8 }
9
10 @media screen and (max-width: 800px) {
11 width: calc(100% - 150px);
12 }
13
14 @media screen and (max-width: 400px) {
15 width: calc(100% - 70px);
16 }
9} 17}
10 18
11.icon.icon-search { 19.icon.icon-search {
@@ -34,4 +42,17 @@
34 vertical-align: middle; 42 vertical-align: middle;
35 margin-right: 6px; 43 margin-right: 6px;
36 } 44 }
45
46 @media screen and (max-width: 400px) {
47 margin-right: 10px;
48 padding: 0 10px;
49
50 .icon.icon-upload {
51 margin-right: 0;
52 }
53
54 .upload-button-label {
55 display: none;
56 }
57 }
37} 58}