From e72b15dc342e1c29a837fa30f017aab1d675d26a Mon Sep 17 00:00:00 2001
From: Imiss-U1025 <imissu1025@gmail.com>
Date: Thu, 30 Jan 2025 01:36:05 -0500
Subject: [PATCH] Change query name width at bottom panel

---
 client/packages/lowcoder-design/src/components/edit.tsx         | 1 +
 client/packages/lowcoder/src/pages/editor/bottom/BottomTabs.tsx | 1 +
 2 files changed, 2 insertions(+)

diff --git a/client/packages/lowcoder-design/src/components/edit.tsx b/client/packages/lowcoder-design/src/components/edit.tsx
index a8744ae88..7866ba4a4 100644
--- a/client/packages/lowcoder-design/src/components/edit.tsx
+++ b/client/packages/lowcoder-design/src/components/edit.tsx
@@ -108,6 +108,7 @@ export const EditText = (props: EditTextProps) => {
           $hasPrefix={!!props.prefixIcon}
           ref={inputRef}
           defaultValue={props.text}
+          style={props.style}
           onClick={(e) => e.stopPropagation()}
           onChange={(e) => props.onChange?.((e.target as HTMLInputElement).value)}
           onBlur={(e) => {
diff --git a/client/packages/lowcoder/src/pages/editor/bottom/BottomTabs.tsx b/client/packages/lowcoder/src/pages/editor/bottom/BottomTabs.tsx
index f73ae67fb..0813ddfb3 100644
--- a/client/packages/lowcoder/src/pages/editor/bottom/BottomTabs.tsx
+++ b/client/packages/lowcoder/src/pages/editor/bottom/BottomTabs.tsx
@@ -278,6 +278,7 @@ export function BottomTabs<T extends TabsConfigType>(props: {
             }}
             onChange={(value) => setError(editorState.checkRename(tabTitle, value))}
             onEditStateChange={(editing) => setEditing(editing)}
+            style={{ maxWidth: '100%', width: '100%' }}
           />
           <PopupCard
             editorFocus={!!error && editing}