girineko/YesPlayMusic
1
0
Fork 0
mirror of https://github.com/GiriNeko/YesPlayMusic.git synced 2025-12-18 06:07:48 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

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
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 class="lyrics-page" :class="{ 'no-lyric': noLyric }">
<div <div
v-if="settings.lyricsBackground !== false" v-if="settings.lyricsBackground !== false"
:class="[ class="lyrics-background"
'lyrics-background', :class="{
{ 'dynamic-background': settings.lyricsBackground === 'dynamic' }, 'dynamic-background': settings.lyricsBackground === 'dynamic',
]" }"
> >
<div <div
v-show="showLyrics"
class="top-right" class="top-right"
:style="{ backgroundImage: `url(${bgImageUrl})` }" :style="{ backgroundImage: `url(${bgImageUrl})` }"
/> />
<div <div
v-show="showLyrics"
class="bottom-left" class="bottom-left"
:style="{ backgroundImage: `url(${bgImageUrl})` }" :style="{ backgroundImage: `url(${bgImageUrl})` }"
/> />
@ -367,6 +365,7 @@ export default {
z-index: 200; z-index: 200;
background: var(--color-body-bg); background: var(--color-body-bg);
display: flex; display: flex;
clip: rect(auto, auto, auto, auto);
} }
.lyrics-background { .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-enter-active,
.slide-up-leave-active { .slide-up-leave-active {
transition: all 0.4s; transition: all 0.4s;