mirror of
https://github.com/SECTL/SecScore.git
synced 2026-07-19 19:04:23 +08:00
feat: 增加积分弹窗底部工具栏动效
This commit is contained in:
@@ -903,6 +903,14 @@ html.platform-macos body {
|
|||||||
pointer-events: none;
|
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 {
|
.ss-immersive-toolbar-segment {
|
||||||
position: relative;
|
position: relative;
|
||||||
height: 54px;
|
height: 54px;
|
||||||
|
|||||||
@@ -4021,7 +4021,9 @@ export const Home: React.FC<HomeProps> = ({
|
|||||||
<div
|
<div
|
||||||
ref={immersiveToolbarRef}
|
ref={immersiveToolbarRef}
|
||||||
data-immersive-toolbar="true"
|
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}
|
aria-hidden={!immersiveMode}
|
||||||
style={{
|
style={{
|
||||||
position: "fixed",
|
position: "fixed",
|
||||||
|
|||||||
Reference in New Issue
Block a user