From c8f6f39fbb5013108d1d1d3853dc10b0d11d4c76 Mon Sep 17 00:00:00 2001
From: t8y2 <1156263951@qq.com>
Date: Thu, 14 May 2026 18:45:24 +0800
Subject: [PATCH] fix: resolve SQL file dialog dropdown and footer styling
 issues (#271)

Use popper positioning for connection Select to prevent item-aligned
mode from hiding the dropdown when few options exist. Align
DialogScrollContent padding with DialogContent (p-4) so DialogFooter
negative margins reach dialog edges correctly.
---
 src/components/sql-file/SqlFileExecutionDialog.vue | 2 +-
 src/components/ui/dialog/DialogScrollContent.vue   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/sql-file/SqlFileExecutionDialog.vue b/src/components/sql-file/SqlFileExecutionDialog.vue
index 6446b5eb7e..354dd2b468 100644
--- a/src/components/sql-file/SqlFileExecutionDialog.vue
+++ b/src/components/sql-file/SqlFileExecutionDialog.vue
@@ -434,7 +434,7 @@ watch(open, (value) => {
                   </div>
                   <SelectValue v-else :placeholder="t('sqlFile.selectConnection')" />
                 </SelectTrigger>
-                <SelectContent>
+                <SelectContent position="popper">
                   <SelectItem v-for="c in sqlConnections" :key="c.id" :value="c.id">
                     <div class="flex items-center gap-1.5">
                       <DatabaseIcon :db-type="c.driver_profile || c.db_type" class="w-3.5 h-3.5" />
diff --git a/src/components/ui/dialog/DialogScrollContent.vue b/src/components/ui/dialog/DialogScrollContent.vue
index 342240b9ff..d7a6536f36 100644
--- a/src/components/ui/dialog/DialogScrollContent.vue
+++ b/src/components/ui/dialog/DialogScrollContent.vue
@@ -27,7 +27,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
       <DialogContent
         :class="
           cn(
-            'relative z-50 grid w-full max-w-lg my-8 gap-4 border border-border bg-background p-6 shadow-lg duration-200 sm:rounded-lg md:w-full',
+            'relative z-50 grid w-full max-w-lg my-8 gap-4 border border-border bg-background p-4 shadow-lg duration-200 sm:rounded-lg md:w-full',
             props.class,
           )
         "