Merge pull request #1473 from lowcoder-org/fix/query_name_width

FalkWolsky · web-flow · commit a59f015ce60b · 2025-01-31T12:43:11.000+01:00
Change query name width at bottom panel
diff --git 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
@@ -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}
