Mirrors/koel
2
0
Fork 0
mirror of https://github.com/koel/koel synced 2024-11-14 00:17:13 +00:00
Code Issues Projects Releases Packages Wiki Activity

Fix player controls style on phones

Browse source
This commit is contained in:
An Phan 2016-02-13 22:09:15 +08:00
parent b6b2ab2de8
commit 2afe0e36f9
1 changed files with 6 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
resources/assets/js/components/site-footer/index.vue
View file

@ -361,8 +361,7 @@
} }
@media only screen @media only screen and (max-device-width: 768px) {
and (max-device-width : 768px) {
position: absolute !important; position: absolute !important;
right: 0; right: 0;
height: $footerHeight; height: $footerHeight;
@ -424,12 +423,8 @@
} }
@media only screen @media only screen and (max-device-width: 768px) {
and (max-device-width : 768px) { flex: 1;
width: 50%;
position: absolute;
top: 0;
left: 0;
&::before { &::before {
display: none; display: none;
@ -451,9 +446,7 @@
@include hasSoftGradientOnTop($colorMainBgr); @include hasSoftGradientOnTop($colorMainBgr);
@media only screen and (max-device-width: 768px) {
@media only screen
and (max-device-width : 768px) {
width: 100%; width: 100%;
position: absolute; position: absolute;
top: 0; top: 0;
@ -520,8 +513,7 @@
} }
@media only screen @media only screen and (max-device-width: 768px) {
and (max-device-width : 768px) {
.meta, .title { .meta, .title {
display: none; display: none;
} }
@ -543,8 +535,7 @@
width: 16px; width: 16px;
} }
@media only screen @media only screen and (max-device-width: 768px) {
and (max-device-width : 768px) {
display: none !important; display: none !important;
} }
} }