github/dbx
4
0 Fork 0
mirror of https://github.com/t8y2/dbx.git synced 2026-11-15 06:51:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(connection): preserve database picker hover border

Browse Source
This commit is contained in:
Freedom authored and GitHub committed 2026-07-23 21:16:54 +08:00
1 parent 6b2f55e4de
commit fa26a56ab0
1 file changed
+4 -4
Download Patch File Download Diff File Expand all files Collapse all files
apps/desktop/src/components/connection/ConnectionDialog.vue
+4 -4
View File
@@ -4344,8 +4344,8 @@ function openExternalUrl(url: string) {
</DialogHeader>
<template v-if="dialogStep === 'select'">
<div class="flex min-h-0 flex-1 flex-col gap-4 overflow-hidden">
<div class="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between">
<div class="flex min-h-0 flex-1 flex-col gap-4">
<div class="flex flex-col gap-3 p-0.5 sm:flex-row sm:items-center sm:justify-between">
<div class="flex items-center gap-2">
<div class="flex shrink-0 rounded-lg border bg-muted/40 p-0.5">
<Button type="button" size="icon-sm" :variant="dbPickerView === 'icon' ? 'secondary' : 'ghost'" :title="t('connection.iconView')" :aria-label="t('connection.iconView')" @click="dbPickerView = 'icon'">
@@ -4381,7 +4381,7 @@ function openExternalUrl(url: string) {
</button>
</nav>
<div class="min-w-0 flex-1 space-y-5 overflow-y-auto pr-2">
<div class="min-w-0 flex-1 space-y-5 overflow-y-auto p-0.5 pr-2">
<div v-if="isDbSearchActive" class="text-sm font-medium">{{ t("connection.searchResults") }}</div>
<section v-for="category in visibleDbCategories" :key="category.key" class="space-y-2">
@@ -4392,7 +4392,7 @@ function openExternalUrl(url: string) {
v-for="opt in category.options"
:key="opt.value"
type="button"
class="connection-db-picker-option group flex min-h-24 flex-col items-center justify-center gap-2 rounded-xl border bg-background/70 p-3 text-center transition hover:-translate-y-0.5 hover:border-primary/40 hover:bg-muted/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
class="connection-db-picker-option group flex min-h-24 flex-col items-center justify-center gap-2 rounded-xl border bg-background/70 p-3 text-center transition hover:border-primary/40 hover:bg-muted/40 hover:shadow-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
:class="selectedType === opt.value ? 'connection-db-picker-option--selected shadow-sm' : 'border-border'"
:aria-pressed="selectedType === opt.value"
@click="onDbTypeChange(opt.value)"