aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/app.component.scss
diff options
context:
space:
mode:
Diffstat (limited to 'client/src/app/app.component.scss')
-rw-r--r--client/src/app/app.component.scss62
1 files changed, 60 insertions, 2 deletions
diff --git a/client/src/app/app.component.scss b/client/src/app/app.component.scss
index f5da651b2..68fadbe7c 100644
--- a/client/src/app/app.component.scss
+++ b/client/src/app/app.component.scss
@@ -29,13 +29,14 @@
29 margin-bottom: 0; 29 margin-bottom: 0;
30 display: flex; 30 display: flex;
31 position: fixed; 31 position: fixed;
32 padding: 0;
32 33
33 &.border-bottom { 34 &.border-bottom {
34 border-bottom: 1px solid $header-border-color; 35 border-bottom: 1px solid $header-border-color;
35 } 36 }
36 37
37 .hamburger-block { 38 .hamburger-block {
38 margin-right: 20px; 39 margin-right: 15px;
39 margin-left: 15px; 40 margin-left: 15px;
40 41
41 .glyphicon { 42 .glyphicon {
@@ -53,9 +54,9 @@
53 background: url(/client/assets/logo.png) no-repeat; 54 background: url(/client/assets/logo.png) no-repeat;
54 background-size: contain; 55 background-size: contain;
55 background-position: center; 56 background-position: center;
56 width: 180px;
57 height: 100%; 57 height: 100%;
58 margin: auto; 58 margin: auto;
59 width: 135px;
59 60
60 &:hover { 61 &:hover {
61 color: inherit !important; 62 color: inherit !important;
@@ -63,6 +64,63 @@
63 } 64 }
64 } 65 }
65 } 66 }
67
68 @media screen and (max-width: 500px) {
69 #peertube-title {
70 display: none;
71 }
72
73 .hamburger-block {
74 width: 100%;
75 text-align: center;
76 }
77 }
78
79 @media screen and (min-width: 500px) and (max-width: 600px) {
80 #peertube-title a {
81 width: 80px;
82 }
83 }
84
85 @media screen and (min-width: 600px) and (max-width: 700px) {
86 #peertube-title a {
87 width: 100px;
88 }
89 }
90
91 @media screen and (min-width: 1000px) {
92 #peertube-title a {
93 width: 120px;
94 }
95 }
96
97 @media screen and (min-width: 1000px) {
98 #peertube-title a {
99 width: 120px;
100 }
101 }
102
103 @media screen and (min-width: 1200px) {
104 padding-left: 15px;
105
106 .hamburger-block {
107 margin-right: 15px;
108 }
109
110 #peertube-title a {
111 width: 135px;
112 }
113 }
114
115 @media screen and (min-width: 1600px) {
116 .hamburger-block {
117 margin-right: 20px;
118 }
119
120 #peertube-title a {
121 width: 180px;
122 }
123 }
66 } 124 }
67 125
68 my-search { 126 my-search {