fix(ui): apply corner style to remaining controls

This commit is contained in:
zipg authored and GitHub committed 2026-07-23 17:29:59 +08:00
1 parent b9c1feab82
commit 136ead2007
80 files changed
+487 -305

No files matched your search

@@ -1491,7 +1491,7 @@ defineExpose({ focusSearch });
<span v-if="(dataGridRef?.hiddenColumnCount ?? 0) > 0" class="tabular-nums"> {{ dataGridRef?.visibleColumnCount }}/{{ dataGridRef?.displayableColumnCount }} </span>
</Button>
</PopoverTrigger>
<PopoverContent align="end" class="w-64 max-w-[calc(100vw-2rem)] gap-0 overflow-hidden rounded-xl border bg-popover p-0 text-popover-foreground shadow-xl" @click.stop @keydown.stop>
<PopoverContent align="end" class="w-64 max-w-[calc(100vw-2rem)] gap-0 overflow-hidden rounded-md border bg-popover p-0 text-popover-foreground shadow-xl" @click.stop @keydown.stop>
<div class="border-b bg-muted/40 px-2 py-1.5">
<div class="flex items-center justify-between gap-2">
<div class="text-xs font-semibold">{{ t("grid.columnVisibility") }}</div>
@@ -1536,7 +1536,7 @@ defineExpose({ focusSearch });
<Wrench class="h-4 w-4" />
</Button>
</PopoverTrigger>
<PopoverContent align="end" class="w-max min-w-44 max-w-[calc(100vw-2rem)] gap-0 overflow-hidden rounded-xl border bg-popover p-0 text-popover-foreground shadow-xl" @click.stop @keydown.stop>
<PopoverContent align="end" class="w-max min-w-44 max-w-[calc(100vw-2rem)] gap-0 overflow-hidden rounded-md border bg-popover p-0 text-popover-foreground shadow-xl" @click.stop @keydown.stop>
<div class="border-b bg-muted/40 px-3 py-2">
<div class="text-xs font-semibold">{{ t("grid.viewOptions") }}</div>
</div>
@@ -1984,7 +1984,7 @@ defineExpose({ focusSearch });
min-height: 0;
resize: none;
border: 1px solid var(--border);
border-radius: 8px;
border-radius: var(--dbx-radius-fixed-4);
background: var(--background);
color: var(--foreground);
padding: 14px 16px;
@@ -200,7 +200,7 @@ function confirmRemoveChild() {
border: 1px solid var(--border);
border: 1px solid color-mix(in oklab, var(--border) 82%, transparent);
border-left-width: 3px;
border-radius: 8px;
border-radius: var(--dbx-radius-fixed-6);
background: var(--muted);
background: color-mix(in oklab, var(--background) 76%, var(--muted));
}
@@ -227,7 +227,7 @@ function confirmRemoveChild() {
width: 100%;
min-width: 0;
border: 0;
border-radius: 4px;
border-radius: var(--dbx-radius-fixed-4);
background: transparent;
color: inherit;
font: inherit;
@@ -264,7 +264,7 @@ function confirmRemoveChild() {
min-height: 42px;
resize: vertical;
border: 1px solid var(--border);
border-radius: 6px;
border-radius: var(--dbx-radius-fixed-6);
background: var(--background);
padding: 5px 8px;
font: inherit;
@@ -431,7 +431,7 @@ watch(
</Button>
</div>
</div>
<div class="mt-3 overflow-hidden rounded-xl border border-border/70 bg-background/80 shadow-xs">
<div class="mt-3 overflow-hidden rounded-lg border border-border/70 bg-background/80 shadow-xs">
<div class="flex flex-col md:flex-row">
<div class="flex min-w-0 flex-1 items-center gap-1 px-2 py-1.5">
<Popover v-model:open="filterBuilderOpen">
@@ -178,7 +178,7 @@ onMounted(() => {
</Button>
</div>
</div>
<div class="mt-3 overflow-hidden rounded-xl border border-border/70 bg-background/80 shadow-xs">
<div class="mt-3 overflow-hidden rounded-lg border border-border/70 bg-background/80 shadow-xs">
<div class="flex flex-col md:flex-row">
<div class="flex min-w-0 flex-1 items-center gap-1 px-2 py-1.5">
<Popover v-model:open="filterBuilderOpen">