chuan/Cli-Proxy-API-Management-Center
1
0
Fork 0
mirror of https://github.com/router-for-me/Cli-Proxy-API-Management-Center.git synced 2026-02-02 19:00:49 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(transition): avoid HiDPI text blur from page transitions

Browse Source
This commit is contained in:
LTbinglingfeng
2026-01-02 11:17:57 +08:00
parent 276f416ec9
commit 6ce301d7e0
2 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/common/PageTransition.scss
View File

@@ -14,7 +14,6 @@
gap: $spacing-lg; gap: $spacing-lg;
min-height: 0; min-height: 0;
flex: 1; flex: 1;
will-change: transform, opacity;
// During animation, exit layer uses absolute positioning // During animation, exit layer uses absolute positioning
&--exit { &--exit {
@@ -26,6 +25,10 @@
} }
} }
&--animating &__layer {
will-change: transform, opacity;
}
// When both layers exist, current layer also needs positioning // When both layers exist, current layer also needs positioning
&--animating &__layer:not(&__layer--exit) { &--animating &__layer:not(&__layer--exit) {
position: relative; position: relative;

1
src/components/common/PageTransition.tsx
View File

@@ -131,6 +131,7 @@ export function PageTransition({
opacity: 1, opacity: 1,
duration: TRANSITION_DURATION, duration: TRANSITION_DURATION,
ease: 'power2.in', // slow start, fast end ease: 'power2.in', // slow start, fast end
clearProps: 'transform,opacity',
}, },
0 0
); );