From 8b5e4077584bf3c416c49e3e7427e752f905a9a0 Mon Sep 17 00:00:00 2001
From: jialin <jialinkuang@126.com>
Date: Fri, 20 Mar 2026 17:22:05 +0800
Subject: [PATCH] fix: alert info height

---
 src/pages/playground/images/create.tsx | 2 +-
 src/pages/playground/images/edit.tsx   | 2 +-
 src/pages/playground/speech/stt.tsx    | 2 +-
 src/pages/playground/speech/tts.tsx    | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/pages/playground/images/create.tsx b/src/pages/playground/images/create.tsx
index d5b3bced..d76972a2 100644
--- a/src/pages/playground/images/create.tsx
+++ b/src/pages/playground/images/create.tsx
@@ -215,7 +215,7 @@ const GroundImages: React.FC<MessageProps> = forwardRef((props, ref) => {
           </>
         </div>
         {tokenResult && (
-          <div style={{ height: 40 }}>
+          <div style={{ minHeight: 40 }}>
             <AlertInfo
               type="danger"
               message={tokenResult?.errorMessage}
diff --git a/src/pages/playground/images/edit.tsx b/src/pages/playground/images/edit.tsx
index 2ed3ee23..24b1853b 100644
--- a/src/pages/playground/images/edit.tsx
+++ b/src/pages/playground/images/edit.tsx
@@ -433,7 +433,7 @@ const GroundImages: React.FC<MessageProps> = forwardRef((props, ref) => {
         </div>
         <div className="ground-left-footer" style={{ padding: 10 }}>
           {tokenResult && (
-            <div style={{ height: 40 }}>
+            <div style={{ minHeight: 40 }}>
               <AlertInfo
                 type="danger"
                 message={tokenResult?.errorMessage}
diff --git a/src/pages/playground/speech/stt.tsx b/src/pages/playground/speech/stt.tsx
index 1fb0dc44..36d9e2f3 100644
--- a/src/pages/playground/speech/stt.tsx
+++ b/src/pages/playground/speech/stt.tsx
@@ -429,7 +429,7 @@ const GroundSTT: React.FC<MessageProps> = forwardRef((props, ref) => {
                   </div>
                 )}
                 {tokenResult && (
-                  <div style={{ height: 40 }}>
+                  <div style={{ minHeight: 40 }}>
                     <AlertInfo
                       type="danger"
                       message={tokenResult?.errorMessage}
diff --git a/src/pages/playground/speech/tts.tsx b/src/pages/playground/speech/tts.tsx
index 8bca8231..49e66a41 100644
--- a/src/pages/playground/speech/tts.tsx
+++ b/src/pages/playground/speech/tts.tsx
@@ -316,7 +316,7 @@ const GroundTTS: React.FC<MessageProps> = forwardRef((props, ref) => {
           </div>
         </div>
         {tokenResult && (
-          <div style={{ height: 40 }}>
+          <div style={{ minHeight: 40 }}>
             <AlertInfo
               type="danger"
               message={tokenResult?.errorMessage}