groove/audiobookshelf
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf.git synced 2025-12-14 07:49:37 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Change:Cover background blur #216

Browse source
This commit is contained in:
advplyr 2021-12-03 17:05:13 -06:00
parent 8225d35022
commit bbcc8fbb91
5 changed files with 27 additions and 26 deletions
Download patch file Download diff file Expand all files Collapse all files

8
client/components/covers/GroupCover.vue
View file

@ -245,15 +245,11 @@ export default {
if (showCoverBg) {
var coverbgwrapper = document.createElement('div')
coverbgwrapper.className = 'absolute top-0 left-0 w-full h-full bg-primary'
coverbgwrapper.className = 'absolute top-0 left-0 w-full h-full overflow-hidden rounded-sm bg-primary'
var coverbg = document.createElement('div')
coverbg.className = 'w-full h-full'
coverbg.className = 'absolute cover-bg'
coverbg.style.backgroundImage = `url("${src}")`
coverbg.style.backgroundSize = 'cover'
coverbg.style.backgroundPosition = 'center'
coverbg.style.opacity = 0.25
coverbg.style.filter = 'blur(1px)'
coverbgwrapper.appendChild(coverbg)
imgdiv.appendChild(coverbgwrapper)