github-mirror/YesPlayMusic
2
0
Fork 0
mirror of https://github.com/qier222/YesPlayMusic.git synced 2024-11-22 09:20:11 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

fix: lyric page bugs

Browse Source
This commit is contained in:
qier222 2021-06-06 01:57:43 +08:00
parent 7781ac8ec2
commit 04bc4770b4
No known key found for this signature in database
GPG Key ID: 9C85007ED905F14D
1 changed files with 14 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/views/lyrics.vue
View File

@ -3,18 +3,16 @@
<div class="lyrics-page" :class="{ 'no-lyric': noLyric }">
<div
v-if="settings.lyricsBackground !== false"
:class="[
'lyrics-background',
{ 'dynamic-background': settings.lyricsBackground === 'dynamic' },
]"
class="lyrics-background"
:class="{
'dynamic-background': settings.lyricsBackground === 'dynamic',
}"
>
<div
v-show="showLyrics"
class="top-right"
:style="{ backgroundImage: `url(${bgImageUrl})` }"
/>
<div
v-show="showLyrics"
class="bottom-left"
:style="{ backgroundImage: `url(${bgImageUrl})` }"
/>
@ -367,6 +365,7 @@ export default {
z-index: 200;
background: var(--color-body-bg);
display: flex;
clip: rect(auto, auto, auto, auto);
}
.lyrics-background {
@ -660,6 +659,15 @@ export default {
}
}
@media (max-aspect-ratio: 10/9) {
.left-side {
display: none;
}
.right-side .lyrics-container {
max-width: 100%;
}
}
.slide-up-enter-active,
.slide-up-leave-active {
transition: all 0.4s;