makes the cover image in spotify fullscreen bigger
Spotify fullscreen bigger cover by olebeck
Details
Authorolebeck
LicenseNo License
Categoryspotify
Created
Updated
Size1.4 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name Spotify fullscreen bigger cover
@version 20220303.20.27
@namespace userstyles.world/user/olebeck
@description makes the cover image in spotify fullscreen bigger
@author olebeck
@license No License
==/UserStyle== */
@-moz-document domain("open.spotify.com") {
/**/
:root {
--blur: 20px;
}
/* make cover art big and move to center */
.npv-cover-art {
width: 60vmin !important;
height: 60vmin !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
filter: drop-shadow(0px 0px 6vmin rgb(0,0,0,0.12));
}
/* move track info further into the corner*/
.npv-track {
left: 5vmin !important;
bottom: 5vmin !important;
right: initial !important;
}
.spotifyinternal-artistnpv .npv-what-is-playing .npv-track {
transform: initial;
}
/* blur the background */
.npv-background-image {
position: absolute;
left: calc(var(--blur) * -2) !important;
top: calc(var(--blur) * -2) !important;
width: calc(100vw + calc(var(--blur) * 4));
height: calc(100vh + calc(var(--blur) * 4));
filter: blur(var(--blur));
}
/* align header with the track info */
.npv-header {
left: 5vmin;
top: 5vmin;
padding: 0 !important;
margin: 0 !important
}
.npv-up-next {
right: 5vmin;
top: 5vmin;
}
}