xiaoxue_admin
/
dbx
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(desktop): keep driver tabs native

This commit is contained in:
t8y2 2026-05-18 23:31:49 +08:00
parent bef78ab70a
commit e7a8ba2a50
2 changed files with 6 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
apps/desktop/src/components/config/DriverStoreDialog.vue
View File

@ -442,7 +442,7 @@ onUnmounted(() => {
<div class="max-w-5xl mx-auto px-7 py-7">
<Tabs default-value="agent">
<div class="flex items-center justify-between">
<TabsList class="driver-store-segmented w-fit">
<TabsList class="w-fit">
<TabsTrigger value="agent">内置驱动</TabsTrigger>
<TabsTrigger value="jdbc">JDBC 驱动</TabsTrigger>
</TabsList>
@ -815,15 +815,6 @@ onUnmounted(() => {
background: linear-gradient(180deg, oklch(0.985 0 0) 0%, oklch(0.965 0 0) 100%), var(--background);
}
.driver-store-segmented {
height: 32px;
border: 0.5px solid oklch(0 0 0 / 0.1);
border-radius: 9px;
background: oklch(1 0 0 / 0.7);
padding: 2px;
box-shadow: inset 0 1px 0 oklch(1 0 0 / 0.7);
}
.driver-store-panel,
.driver-store-list {
border: 0.5px solid oklch(0 0 0 / 0.11);
@ -905,26 +896,10 @@ onUnmounted(() => {
background: oklch(1 0 0 / 0.72);
}
:deep(.driver-store-segmented [data-state="active"]) {
border-radius: 7px;
background: oklch(1 0 0);
box-shadow:
0 1px 3px oklch(0 0 0 / 0.12),
inset 0 0 0 0.5px oklch(0 0 0 / 0.08);
}
:deep(.driver-store-segmented [role="tab"]) {
height: 26px;
min-width: 84px;
border-radius: 7px;
font-size: 12px;
}
.dark .driver-store-page {
background: linear-gradient(180deg, oklch(0.18 0 0) 0%, oklch(0.145 0 0) 100%), var(--background);
}
.dark .driver-store-segmented,
.dark .driver-store-panel,
.dark .driver-store-list {
border-color: oklch(1 0 0 / 0.11);

6
packages/app-tests/driverStoreAppearance.test.ts
View File

@ -7,7 +7,6 @@ const source = readFileSync("apps/desktop/src/components/config/DriverStoreDialo
test("driver store uses a macOS-style grouped list presentation", () => {
for (const className of [
"driver-store-page",
"driver-store-segmented",
"driver-store-panel",
"driver-store-list",
"driver-store-row",
@ -16,3 +15,8 @@ test("driver store uses a macOS-style grouped list presentation", () => {
assert.match(source, new RegExp(className));
}
});
test("driver store keeps native tab styling", () => {
assert.doesNotMatch(source, /driver-store-segmented/);
assert.doesNotMatch(source, /:deep\(\.driver-store-segmented/);
});