moved animation class to new container

This commit is contained in:
booploops 2022-01-03 21:28:17 -08:00
parent add235af05
commit 35c200ce8a
2 changed files with 8 additions and 6 deletions

View file

@ -116,10 +116,6 @@ body[platform='linux'] {
animation: bgRotate 10s linear infinite;
filter: brightness(100%) saturate(200%) contrast(1.5);
}
&.noanimation::before {
animation: none;
}
}
.bgGradientMaterial-base {
@ -226,6 +222,12 @@ input[type="text"], input[type="number"] {
animation-direction: reverse;
animation-delay: 10s;
}
&.noanimation {
.bg-artwork {
animation: none;
}
}
}

View file

@ -30,7 +30,7 @@
</head>
<body oncontextmenu="return false;" loading="1" platform="<%= env.platform %>">
<div id="app" :class="{noanimation: (!cfg.visual.bg_artwork_rotation || !animateBackground)}">
<div id="app">
<transition name="fsModeSwitch">
<div id="app-main" v-show="appMode == 'player'">
<div class="mv-chrome" v-if="chrome.topChromeVisible == false"></div>
@ -462,7 +462,7 @@
</div>
</transition>
<transition name="wpfade">
<div class="bg-artwork-container">
<div class="bg-artwork-container" :class="{noanimation: (!cfg.visual.bg_artwork_rotation || !animateBackground)}">
<img v-show="chrome.artworkReady" @load="chrome.artworkReady = true" class="bg-artwork a "
>
<img v-show="chrome.artworkReady" class="bg-artwork b"