From ce7a691eef9695d35204fe108200f8a19ff12a92 Mon Sep 17 00:00:00 2001
From: Cats Juice <wp1298554944@hotmail.com>
Date: Sat, 18 Nov 2023 00:32:06 +0800
Subject: [PATCH] fix(component): stack notification cards expand animation
 (#4962)

---
 .../component/src/components/notification-center/index.css.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/frontend/component/src/components/notification-center/index.css.ts b/packages/frontend/component/src/components/notification-center/index.css.ts
index dc7cc02d7..a99a55b8e 100644
--- a/packages/frontend/component/src/components/notification-center/index.css.ts
+++ b/packages/frontend/component/src/components/notification-center/index.css.ts
@@ -60,9 +60,9 @@ export const notificationStyle = style({
       opacity: 1,
       height: 'var(--front-toast-height)',
       vars: {
-        '--scale': 'var(--toasts-before)* 0.05 + 1',
+        '--scale': 'calc(1 - var(--toasts-before)* 0.05)',
         '--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]': {