feat: 增加积分弹窗底部工具栏动效

This commit is contained in:
JSR
2026-07-18 09:56:06 +08:00
parent 92731fd095
commit f9e392ada7
2 changed files with 11 additions and 1 deletions
+8
View File
@@ -903,6 +903,14 @@ html.platform-macos body {
pointer-events: none;
}
/* Keep the home toolbar visually behind the score-operation drawer. */
.ss-immersive-toolbar.is-operation-active {
opacity: 0.22;
filter: blur(8px);
transform: translateX(-50%) translateY(84px) rotate(-5deg) scale(0.94);
pointer-events: none;
}
.ss-immersive-toolbar-segment {
position: relative;
height: 54px;
+3 -1
View File
@@ -4021,7 +4021,9 @@ export const Home: React.FC<HomeProps> = ({
<div
ref={immersiveToolbarRef}
data-immersive-toolbar="true"
className={`ss-immersive-toolbar ${immersiveMode ? "is-visible" : "is-hidden"}`}
className={`ss-immersive-toolbar ${immersiveMode ? "is-visible" : "is-hidden"} ${
operationVisible ? "is-operation-active" : ""
}`}
aria-hidden={!immersiveMode}
style={{
position: "fixed",