aboutsummaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
authorkontrollanten <6680299+kontrollanten@users.noreply.github.com>2021-05-31 16:39:07 +0200
committerGitHub <noreply@github.com>2021-05-31 16:39:07 +0200
commit732c95cc979c7aabaf1a0bf436b512bab3ea0426 (patch)
treed7ee5a1384f55d1e42d52470cdcddd9dfad59807
parent11e4090dbb2dc7e562339f7c7a5e6334a8540dfe (diff)
downloadPeerTube-732c95cc979c7aabaf1a0bf436b512bab3ea0426.tar.gz
PeerTube-732c95cc979c7aabaf1a0bf436b512bab3ea0426.tar.zst
PeerTube-732c95cc979c7aabaf1a0bf436b512bab3ea0426.zip
Show logo in mobile view (#4141)
* client: show logo in mobile view * client(menu): add space between burger and logo
-rw-r--r--client/src/app/app.component.scss9
1 files changed, 5 insertions, 4 deletions
diff --git a/client/src/app/app.component.scss b/client/src/app/app.component.scss
index 0543564b4..6b1f7f8f1 100644
--- a/client/src/app/app.component.scss
+++ b/client/src/app/app.component.scss
@@ -70,11 +70,16 @@
70 display: flex; 70 display: flex;
71 align-items: center; 71 align-items: center;
72 overflow: hidden; 72 overflow: hidden;
73 padding: 0 0 0 10px;
73 74
74 .instance-name { 75 .instance-name {
75 @include ellipsis; 76 @include ellipsis;
76 77
77 width: 100%; 78 width: 100%;
79
80 @media screen and (max-width: $mobile-view) {
81 display: none;
82 }
78 } 83 }
79 84
80 .icon.icon-logo { 85 .icon.icon-logo {
@@ -83,10 +88,6 @@
83 height: 24px; 88 height: 24px;
84 margin-right: 0.5rem; 89 margin-right: 0.5rem;
85 } 90 }
86
87 @media screen and (max-width: $mobile-view) {
88 display: none;
89 }
90} 91}
91 92
92.broadcast-message { 93.broadcast-message {