trending/dbx
1
0
Fork 0
mirror of https://github.com/t8y2/dbx.git synced 2026-10-02 02:34:42 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(quick-open): clarify search result states

Browse Source
This commit is contained in:
onenewcode
2026-08-06 16:31:33 +08:00
committed by GitHub
parent 15cdbcb8a8
commit 71a3b383d3
2 changed files with 25 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/desktop/src/components/quick-open/QuickOpenDialog.vue
+12 -3
View File
@@ -196,11 +196,20 @@ watch(
</template>
<style scoped>
:deep(.bg-yellow-200) {
background-color: rgb(254 227 92);
:deep([data-slot="dialog-content"]) {
border-color: color-mix(in srgb, var(--border) 80%, var(--ring));
box-shadow: 0 24px 70px rgb(0 0 0 / 0.32);
}
:deep(.divide-y > div.bg-accent) {
background-color: var(--info-bg) !important;
box-shadow: inset 3px 0 0 var(--info) !important;
}
:deep(.bg-yellow-200),
:deep(.dark .bg-yellow-800) {
background-color: rgb(92 51 0);
background-color: var(--warning-bg) !important;
border-radius: 0.1875rem;
padding: 0 0.0625rem;
}
</style>
apps/desktop/src/components/quick-open/__tests__/QuickOpenDialogStyle.spec.ts
Vendored
+13
View File
@@ -0,0 +1,13 @@
import { readFileSync } from "node:fs";
import { describe, expect, it } from "vitest";
const quickOpenDialogSource = readFileSync(new URL("../QuickOpenDialog.vue", import.meta.url), "utf8");
describe("QuickOpenDialog theme styles", () => {
it("keeps the shared corner style and readable foreground text", () => {
expect(quickOpenDialogSource).toContain('class="max-w-2xl p-0 gap-0 rounded-lg overflow-hidden"');
expect(quickOpenDialogSource).toContain("background-color: var(--warning-bg) !important;");
expect(quickOpenDialogSource).not.toContain("border-radius: 0.75rem;");
expect(quickOpenDialogSource).not.toContain("color: var(--warning) !important;");
});
});