mirror of
https://github.com/toeverything/AFFiNE.git
synced 2026-09-23 20:18:42 +08:00
fix(component): stack notification cards expand animation (#4962)
This commit is contained in:
@@ -60,9 +60,9 @@ export const notificationStyle = style({
|
|||||||
opacity: 1,
|
opacity: 1,
|
||||||
height: 'var(--front-toast-height)',
|
height: 'var(--front-toast-height)',
|
||||||
vars: {
|
vars: {
|
||||||
'--scale': 'var(--toasts-before)* 0.05 + 1',
|
'--scale': 'calc(1 - var(--toasts-before)* 0.05)',
|
||||||
'--y':
|
'--y':
|
||||||
'translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)))',
|
'translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(var(--scale))',
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
'&[data-mounted=true][data-expanded=true]': {
|
'&[data-mounted=true][data-expanded=true]': {
|
||||||
|
|||||||
Reference in New Issue
Block a user