From a96744464839ce616d1633ad9d23a9d901660164 Mon Sep 17 00:00:00 2001
From: JayJay1024 <lygm1062@gmail.com>
Date: Wed, 8 May 2024 09:45:55 +0800
Subject: [PATCH 1/2] Update css transition

---
 src/app/globals.css              | 16 ++++++++--------
 src/components/history/index.tsx |  2 +-
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/app/globals.css b/src/app/globals.css
index d39813f1..a735c75a 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -158,12 +158,12 @@ body {
 /* History */
 .history-table-fade-enter {
   opacity: 0;
-  transform: translateX(-10%);
+  transform: translateX(-10px);
 }
 .history-table-fade-enter-active {
   opacity: 1;
   transform: translateX(0);
-  transition: opacity 200ms, transform 200ms;
+  transition: opacity 100ms, transform 100ms;
 }
 .history-table-fade-exit {
   opacity: 1;
@@ -171,17 +171,17 @@ body {
 }
 .history-table-fade-exit-active {
   opacity: 0;
-  transform: translateX(-10%);
-  transition: opacity 200ms, transform 200ms;
+  transform: translateX(-10px);
+  transition: opacity 100ms, transform 100ms;
 }
 .history-detail-fade-enter {
   opacity: 0;
-  transform: translateX(10%);
+  transform: translateX(10px);
 }
 .history-detail-fade-enter-active {
   opacity: 1;
   transform: translateX(0);
-  transition: opacity 200ms, transform 200ms;
+  transition: opacity 100ms, transform 100ms;
 }
 .history-detail-fade-exit {
   opacity: 1;
@@ -189,8 +189,8 @@ body {
 }
 .history-detail-fade-exit-active {
   opacity: 0;
-  transform: translateX(10%);
-  transition: opacity 200ms, transform 200ms;
+  transform: translateX(10px);
+  transition: opacity 100ms, transform 100ms;
 }
 
 /* Component loading */
diff --git a/src/components/history/index.tsx b/src/components/history/index.tsx
index 5c272177..67522b2c 100644
--- a/src/components/history/index.tsx
+++ b/src/components/history/index.tsx
@@ -48,7 +48,7 @@ export default function History({ children, className }: PropsWithChildren<{ cla
           <CSSTransition
             key={detail ? "detail" : "history"}
             classNames={detail ? "history-detail-fade" : "history-table-fade"}
-            timeout={200}
+            timeout={100}
             nodeRef={nodeRef}
             unmountOnExit
           >

From 82a0b2aaeeffca7d62536f4070a8378f2ed2a166 Mon Sep 17 00:00:00 2001
From: JayJay1024 <lygm1062@gmail.com>
Date: Wed, 8 May 2024 09:47:08 +0800
Subject: [PATCH 2/2] Add backdrop blur

---
 src/components/history/table.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/history/table.tsx b/src/components/history/table.tsx
index 790fb706..e4f5e806 100644
--- a/src/components/history/table.tsx
+++ b/src/components/history/table.tsx
@@ -66,7 +66,7 @@ export default function Table<T extends { id: Key }>({
           <div className="relative mt-1">
             <ComponentLoading
               loading={loading}
-              className={`rounded-xl ${dataSource?.length ? "bg-black/10" : ""}`}
+              className={`rounded-xl ${dataSource?.length ? "bg-black/10 backdrop-blur-[2px]" : ""}`}
               color="white"
             />