mirror of
https://github.com/SECTL/SecScore.git
synced 2026-07-19 06:04:22 +08:00
feat: 增加积分弹窗底部工具栏动效
This commit is contained in:
@@ -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;
|
||||
|
||||
@@ -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",
|
||||
|
||||
Reference in New Issue
Block a user