Skip to content

Commit c19c47a

Browse files
author
Lasim
committed
style(frontend): adjust padding for server details display
1 parent 50fc847 commit c19c47a

File tree

2 files changed

+6
-19
lines changed

2 files changed

+6
-19
lines changed

services/frontend/src/components/mcp-server/wizard/McpServerDetailsSheet.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,7 @@ const open = defineModel<boolean>('open', { required: true })
2727
<SheetTitle>Server Details</SheetTitle>
2828
</SheetHeader>
2929

30-
<div v-if="server" class="pt-4 pb-4 space-y-6">
30+
<div v-if="server" class="px-4 pt-4 pb-4 space-y-6">
3131
<!-- Basic Information Section -->
3232
<div class="space-y-4">
3333

services/frontend/src/components/mcp-server/wizard/McpServerInstallWizard.vue

Lines changed: 5 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -480,26 +480,13 @@ onUnmounted(() => {
480480
/>
481481
</div>
482482

483-
<!-- Server Information Grid -->
484-
<dl class="flex-auto divide-y divide-gray-200 text-sm text-gray-600 md:grid md:grid-cols-2 md:gap-x-6 md:divide-y-0 md:w-80 md:flex-none lg:gap-x-8">
483+
<!-- Server Info -->
484+
<div class="flex-auto text-sm text-gray-600">
485485
<!-- Server Name -->
486-
<div class="max-md:flex max-md:justify-between max-md:py-4 max-md:first:pt-0 max-md:last:pb-0">
487-
<dt class="font-medium text-gray-900">{{ t('mcpInstallations.wizard.server.name') }}</dt>
488-
<dd class="md:mt-1">{{ serverData.name }}</dd>
489-
</div>
490-
491-
<!-- Author -->
492-
<div class="max-md:flex max-md:justify-between max-md:py-4 max-md:first:pt-0 max-md:last:pb-0">
493-
<dt class="font-medium text-gray-900">{{ t('mcpInstallations.wizard.server.author') }}</dt>
494-
<dd class="md:mt-1">
495-
{{ serverData.organization || serverData.author_name || 'Unknown' }}
496-
</dd>
497-
</div>
498-
</dl>
486+
<p class="font-semibold text-gray-900">{{ serverData.name }}</p>
499487

500-
<!-- Description -->
501-
<div v-if="serverData.description" class="mt-4 md:mt-0 md:ml-6 lg:flex-1">
502-
<p class="text-sm text-gray-600">
488+
<!-- Description -->
489+
<p v-if="serverData.description" class="mt-1 line-clamp-2">
503490
{{ serverData.description }}
504491
</p>
505492
</div>

0 commit comments

Comments
 (0)