diff --git a/src/renderer/style.less b/src/renderer/style.less index a69aaabe..cb6651ae 100644 --- a/src/renderer/style.less +++ b/src/renderer/style.less @@ -3583,6 +3583,33 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb { height: 50vh; } + .background{ + position: absolute; + background-size: cover; + width: 100%; + height: 100%; + + .bgArtworkMaterial { + position: absolute; + width: 100%; + height: 100%; + + .bg-artwork-container{ + z-index: unset; + } + + .bg-artwork-container .bg-artwork { + filter: brightness(80%) saturate(69%) blur(180px) contrast(0.8) opacity(0.8); + } + + .no-animation{ + animation : unset; + } + } + } + + + .lyrics-col{ width: 60vh; @@ -3602,6 +3629,11 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb { display: flex; justify-content: center; } + + .lyric-line{ + font-size: 35px; + } + } .queue-col{ @@ -3798,6 +3830,16 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb { } } +@keyframes rotate { + from { + transform: rotate(0deg); + } + + to { + transform: rotate(360deg); + } +} + // Modular .modular-fs { .app-drawer { diff --git a/src/renderer/views/components/fullscreen.ejs b/src/renderer/views/components/fullscreen.ejs index 000efa64..3839ec74 100644 --- a/src/renderer/views/components/fullscreen.ejs +++ b/src/renderer/views/components/fullscreen.ejs @@ -1,5 +1,14 @@