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

Change query name width at bottom panel

Author: FalkWolsky

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) => {

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}