smueller/youtube-music
1
0
Fork 0
mirror of https://github.com/th-ch/youtube-music.git synced 2026-01-13 03:11:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

Improve ambient mode (#1853)

Browse Source
This commit is contained in:
FrostyBiscuit
2024-03-15 06:39:31 +01:00
committed by GitHub
parent 60228a387a
commit 54c428083c
2 changed files with 24 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
src/plugins/ambient-mode/style.css
View File

@ -1,40 +1,35 @@
#song-video canvas.html5-blur-canvas {
#song-video canvas.html5-blur-canvas,
#song-image .html5-blur-image {
filter: blur(var(--blur, 100px));
opacity: var(--opacity, 1);
width: var(--width, 100%);
height: var(--height, 100%);
pointer-events: none;
}
#song-video canvas.html5-blur-canvas:not(.fullscreen) {
#song-video canvas.html5-blur-canvas:not(.fullscreen),
#song-image .html5-blur-image {
position: absolute;
left: var(--left, 0px);
top: var(--top, 0px);
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
#song-video canvas.html5-blur-canvas.fullscreen {
position: fixed;
left: 0;
top: 0;
width: 100% !important;
height: 100% !important;
left: 0 !important;
top: 0 !important;
width: 100%;
height: 100%;
}
#song-video .html5-video-container > video {
top: 0 !important;
}
#song-image .html5-blur-image {
position: absolute;
left: var(--left, 0px);
top: var(--top, 0px);
width: var(--width, 100%) !important;
height: var(--height, 100%) !important;
filter: blur(var(--blur, 100px));
opacity: var(--opacity, 1);
pointer-events: none;
#player:not([video-mode]):not(.video-mode) {
margin: 0 auto !important;
overflow: visible;
}