girineko/YesPlayMusic
1
0
Fork 0
mirror of https://github.com/GiriNeko/YesPlayMusic.git synced 2025-12-16 05:08:04 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(lyrics): fix style (#606)

Browse source
This commit is contained in:
Map1en_ 2021-04-26 18:48:09 +08:00 • committed by GitHub
parent 9351f6bc89
commit fa98085dcf
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 11 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/views/lyrics.vue
View file

@ -6,12 +6,12 @@
class="dynamic-background"
>
<div
v-show="this.$store.state.showLyrics"
v-show="showLyrics"
class="top-right"
:style="{ backgroundImage: `url(${bgImageUrl})` }"
/>
<div
v-show="this.$store.state.showLyrics"
v-show="showLyrics"
class="bottom-left"
:style="{ backgroundImage: `url(${bgImageUrl})` }"
/>
@ -387,13 +387,17 @@ export default {
}
.dynamic-background {
filter: blur(50px) opacity(0.6) contrast(var(--contrast-dynamic-background))
filter: blur(50px) contrast(var(--contrast-dynamic-background))
brightness(var(--brightness-dynamic-background));
position: absolute;
height: 100vh;
width: 100vw;
.top-right,
.bottom-left {
z-index: 0;
width: 14vw;
height: 14vw;
width: 140vw;
height: 140vw;
opacity: 0.6;
position: absolute;
background-size: cover;
animation: rotate 150s linear infinite;
@ -415,10 +419,10 @@ export default {
@keyframes rotate {
0% {
transform: rotate(0deg) scale(10);
transform: rotate(0deg);
}
100% {
transform: rotate(360deg) scale(10);
transform: rotate(360deg);
}
}