Add album color fullscreen background
This commit is contained in:
1 parent
7ae68592a2
commit
a1e993facb
3 files changed
+140
-16
No files matched your search
@@ -44,12 +44,9 @@ nuxtApp.hook("page:finish", () => {
|
||||
v-show="fullscreen"
|
||||
>
|
||||
<template v-if="song">
|
||||
<NuxtImg
|
||||
<PlayerFullscreenBackgroundWash
|
||||
:src="GET_FILE(song.album.file)"
|
||||
:alt="song.name"
|
||||
width="500"
|
||||
height="500"
|
||||
class="background"
|
||||
:active="fullscreen"
|
||||
/>
|
||||
</template>
|
||||
|
||||
@@ -95,17 +92,6 @@ nuxtApp.hook("page:finish", () => {
|
||||
}
|
||||
}
|
||||
|
||||
.background {
|
||||
position: absolute;
|
||||
top: -25%;
|
||||
left: -25%;
|
||||
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
filter: blur(40px);
|
||||
}
|
||||
|
||||
.screen-container {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
|
||||
Reference in new issue
Block a user