Simon/romm
1
0
Fork 0
mirror of https://github.com/rommapp/romm.git synced 2026-06-28 14:56:01 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix gamecard transition

Browse Source
This commit is contained in:
Georges-Antoine Assi
2025-10-30 10:57:46 -04:00
parent 525bffe9d0
commit 9ba378cfe7
1 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
frontend/src/console/components/GameCard.vue
View File

@@ -204,6 +204,7 @@ onBeforeUnmount(() => {
:contain="boxartStyleCover"
:class="{
'opacity-0': isVideoPlaying && localVideoPath,
transitioning: !isVideoPlaying && localVideoPath,
}"
:src="largeCover || fallbackCoverImage"
:alt="rom.name || 'Game'"
@@ -228,7 +229,9 @@ onBeforeUnmount(() => {
</v-img>
<div
class="hover-video-container position-absolute opacity-0"
:class="{ 'opacity-100': isVideoPlaying && localVideoPath }"
:class="{
'opacity-100 transitioning': isVideoPlaying && localVideoPath,
}"
>
<video
ref="hover-video-ref"
@@ -318,6 +321,10 @@ onBeforeUnmount(() => {
.hover-video-container {
top: 15%;
transition: opacity 0.25s ease;
}
.v-img.transitioning,
.hover-video-container.transitioning {
transition-delay: 0.1s;
}