From 73f3cfceb166ac39033da609ec16fd3884281638 Mon Sep 17 00:00:00 2001
From: jialin <jialinkuang@126.com>
Date: Thu, 19 Mar 2026 14:02:16 +0800
Subject: [PATCH] fix(style): error message overlap input box

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

diff --git a/src/pages/playground/components/ground-images.tsx b/src/pages/playground/components/ground-images.tsx
index 22fbfb9d..ea4679d8 100644
--- a/src/pages/playground/components/ground-images.tsx
+++ b/src/pages/playground/components/ground-images.tsx
@@ -219,7 +219,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/components/ground-stt.tsx b/src/pages/playground/components/ground-stt.tsx
index 5a243c8f..c13c7ff4 100644
--- a/src/pages/playground/components/ground-stt.tsx
+++ b/src/pages/playground/components/ground-stt.tsx
@@ -480,7 +480,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/components/ground-tts.tsx b/src/pages/playground/components/ground-tts.tsx
index 4634de20..5e255dd2 100644
--- a/src/pages/playground/components/ground-tts.tsx
+++ b/src/pages/playground/components/ground-tts.tsx
@@ -454,7 +454,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}
diff --git a/src/pages/playground/components/image-edit.tsx b/src/pages/playground/components/image-edit.tsx
index ffa222c0..6773ca23 100644
--- a/src/pages/playground/components/image-edit.tsx
+++ b/src/pages/playground/components/image-edit.tsx
@@ -436,7 +436,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}