github/dbx
4
0
Fork 0
mirror of https://github.com/t8y2/dbx.git synced 2026-10-20 00:17:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(grid): prevent datetime formatter controls from overflowing

Browse Source
This commit is contained in:
bigFish0124
2026-08-11 21:31:45 +08:00
committed by GitHub
parent 7f405eacfb
commit f60d33eff7
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/desktop/src/components/grid/DataGrid.vue
+5 -5
View File
@@ -9595,8 +9595,8 @@ const gridContextMenuItems = computed<ContextMenuItem[]>(() => {
</Select>
</div>
<div v-if="formatterKind === 'datetime'" class="flex gap-2">
<div class="space-y-1.5">
<div v-if="formatterKind === 'datetime'" class="flex min-w-0 gap-2">
<div class="shrink-0 space-y-1.5">
<div class="text-xs font-medium text-muted-foreground">
{{ t("grid.formatterTimestampUnit") }}
</div>
@@ -9611,7 +9611,7 @@ const gridContextMenuItems = computed<ContextMenuItem[]>(() => {
</SelectContent>
</Select>
</div>
<div class="space-y-1.5 flex-1">
<div class="min-w-0 flex-1 space-y-1.5">
<div class="text-xs font-medium text-muted-foreground">
{{ t("grid.formatterDatetimePattern") }}
</div>
@@ -9623,13 +9623,13 @@ const gridContextMenuItems = computed<ContextMenuItem[]>(() => {
:empty-text="t('grid.formatterDatetimePatternEmpty')"
:loading-text="t('common.loading')"
:allow-custom="true"
:trigger-class="['border border-input h-8 w-72 pl-2.5 text-xs']"
:trigger-class="['border border-input h-8 pl-2.5 text-xs']"
content-class="w-72"
item-class="h-auto min-h-8 px-2 py-1.5 text-xs"
@update:model-value="(value: any) => (formatterDatetimePattern = value)"
/>
</div>
<div class="space-y-1.5 flex-1">
<div class="min-w-0 flex-1 space-y-1.5">
<div class="text-xs font-medium text-muted-foreground">
{{ t("grid.formatterDatetimeTimezone") }}
</div>