diff --git a/composeApp/src/desktopMain/resources/player-ui/controls.html b/composeApp/src/desktopMain/resources/player-ui/controls.html index 74911057..3a532fba 100644 --- a/composeApp/src/desktopMain/resources/player-ui/controls.html +++ b/composeApp/src/desktopMain/resources/player-ui/controls.html @@ -481,11 +481,7 @@ justify-content: center; padding: 24px; text-align: center; - opacity: 0; - } - - .opening-overlay.visible .opening-content { - animation: opening-content-in 700ms linear 400ms forwards; + opacity: 1; } .opening-logo-slot { @@ -501,21 +497,15 @@ width: 100%; height: 100%; object-fit: contain; - animation: opening-logo-pulse 2000ms linear infinite alternate; - } - - .opening-overlay.has-progress .opening-logo { - animation: none; + transform-origin: center; + will-change: transform; + animation: opening-logo-pulse 2000ms linear infinite alternate !important; } .opening-logo-base { opacity: 1; } - .opening-overlay.has-progress .opening-logo-base { - opacity: .25; - } - .opening-logo-fill-clip { position: absolute; inset: 0 auto 0 0; @@ -538,7 +528,12 @@ line-height: 1.12; font-weight: 800; text-align: center; - animation: opening-logo-pulse 2000ms linear infinite alternate; + opacity: 1; + -webkit-text-fill-color: #fff; + text-shadow: 0 2px 22px rgba(0, 0, 0, .42); + transform-origin: center; + will-change: transform; + animation: opening-logo-pulse 2000ms linear infinite alternate !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; @@ -592,12 +587,6 @@ transition: width 900ms cubic-bezier(.4, 0, .2, 1); } - @keyframes opening-content-in { - to { - opacity: 1; - } - } - @keyframes opening-logo-pulse { to { transform: scale(1.04); @@ -1420,9 +1409,6 @@ .center-status, .progress, .opening-overlay, - .opening-content, - .opening-logo, - .opening-title, .opening-progress-bar, .modal-layer, .track-panel,