From 10297766b8f5c8bbbe523918b674aa95982c2567 Mon Sep 17 00:00:00 2001
From: pengx17 <pengxiao@outlook.com>
Date: Thu, 6 Jun 2024 07:27:25 +0000
Subject: [PATCH] fix: adjust peek view modal container styles (#7153)

---
 .../core/src/modules/peek-view/view/modal-container.css.ts      | 1 +
 .../core/src/modules/peek-view/view/modal-container.tsx         | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/frontend/core/src/modules/peek-view/view/modal-container.css.ts b/packages/frontend/core/src/modules/peek-view/view/modal-container.css.ts
index a334fcf810..6ca69e8c1f 100644
--- a/packages/frontend/core/src/modules/peek-view/view/modal-container.css.ts
+++ b/packages/frontend/core/src/modules/peek-view/view/modal-container.css.ts
@@ -97,6 +97,7 @@ export const modalContentContainer = style({
   alignItems: 'flex-start',
   width: '90%',
   height: '90%',
+  maxWidth: 1248,
 });
 
 export const modalContent = style({
diff --git a/packages/frontend/core/src/modules/peek-view/view/modal-container.tsx b/packages/frontend/core/src/modules/peek-view/view/modal-container.tsx
index 80c7c6974a..e41d4198d6 100644
--- a/packages/frontend/core/src/modules/peek-view/view/modal-container.tsx
+++ b/packages/frontend/core/src/modules/peek-view/view/modal-container.tsx
@@ -72,7 +72,7 @@ export const PeekViewModalContainer = ({
   onAnimateEnd?: () => void;
 }>) => {
   const [{ status }, toggle] = useTransition({
-    timeout: animationTimeout * 2,
+    timeout: animationTimeout * 1.5,
     onStateChange(event) {
       if (event.current.status === 'exited' && onAnimateEnd) {
         onAnimateEnd();