Fix channels search on mobile

pull/1018/head
Chocobozzz 2018-09-05 11:42:13 +02:00
parent d77433a8a6
commit c182527a6c
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
1 changed files with 43 additions and 21 deletions

View File

@ -132,39 +132,61 @@
}
}
@media screen and (max-width: 800px) {
@media screen and (max-width: $small-view) {
.video-channel-names {
flex-direction: column !important;
.video-channel-name {
margin-left: 0 !important;
}
}
}
@media screen and (max-width: $mobile-view) {
.search-result {
padding: 20px 10px;
}
.results-header {
font-size: 15px !important;
}
.results-header {
font-size: 15px !important;
}
.entry {
flex-direction: column;
height: auto;
text-align: center;
.entry {
flex-direction: column;
height: auto;
justify-content: center;
align-items: center;
text-align: center;
&.video {
.video-info-name,
.video-info-account {
margin: auto;
}
&.video {
.video-info-name,
.video-info-account {
margin: auto;
}
my-video-thumbnail {
margin-right: 0 !important;
my-video-thumbnail {
margin-right: 0 !important;
/deep/ .video-thumbnail {
width: 100%;
height: auto;
img {
/deep/ .video-thumbnail {
width: 100%;
height: auto;
img {
width: 100%;
height: auto;
}
}
}
}
&.video-channel {
.video-channel-info .video-channel-names {
align-items: center;
}
my-subscribe-button {
margin-top: 5px;
}
}
}
}
}