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

fix(postgres): allow extension dialog scrolling

This commit is contained in:
onlyc0302 2026-07-09 18:19:40 +08:00 committed by GitHub
parent 482f7421be
commit 5dfefbc0f5
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
apps/desktop/src/components/objects/InstallExtensionDialog.vue
View File

@ -82,7 +82,7 @@ defineExpose({ show });
<template>
<Dialog v-model:open="open">
<DialogContent class="sm:max-w-3xl">
<DialogContent class="max-h-[85vh] flex flex-col overflow-hidden sm:max-w-3xl">
<DialogHeader>
<DialogTitle>{{ t("extension.manageTitle") }}</DialogTitle>
</DialogHeader>
@ -91,15 +91,15 @@ defineExpose({ show });
<Loader2 class="h-6 w-6 animate-spin text-muted-foreground" />
</div>
<div v-else class="grid grid-cols-2 gap-4">
<div v-else class="grid flex-1 min-h-0 grid-cols-1 gap-4 sm:grid-cols-2">
<!-- Left: Available -->
<div class="flex flex-col min-h-[300px]">
<div class="flex min-h-0 flex-col">
<div class="flex items-center gap-1.5 mb-2 text-sm font-medium text-muted-foreground">
<Package class="h-4 w-4" />
{{ t("extension.available") }}
<span class="ml-auto text-xs">({{ available.length }})</span>
</div>
<ScrollArea class="flex-1 rounded-md border">
<ScrollArea class="min-h-0 flex-1 rounded-md border">
<div v-if="available.length === 0" class="flex items-center justify-center py-12 text-sm text-muted-foreground">
{{ t("extension.noAvailable") }}
</div>
@ -120,13 +120,13 @@ defineExpose({ show });
</div>
<!-- Right: Installed -->
<div class="flex flex-col min-h-[300px]">
<div class="flex min-h-0 flex-col">
<div class="flex items-center gap-1.5 mb-2 text-sm font-medium text-muted-foreground">
<Package class="h-4 w-4" />
{{ t("extension.installed") }}
<span class="ml-auto text-xs">({{ installed.length }})</span>
</div>
<ScrollArea class="flex-1 rounded-md border">
<ScrollArea class="min-h-0 flex-1 rounded-md border">
<div v-if="installed.length === 0" class="flex items-center justify-center py-12 text-sm text-muted-foreground">
{{ t("extension.noInstalled") }}
</div>