From 23096ed3a534cfaeaa1259e6f778094ac9990f13 Mon Sep 17 00:00:00 2001
From: Soulter <905617992@qq.com>
Date: Wed, 29 Oct 2025 00:38:04 +0800
Subject: [PATCH] perf: update extension card page style, add config and
 view-docs button

---
 .../src/components/shared/ExtensionCard.vue      | 16 +++++++++++++++-
 dashboard/src/views/ExtensionPage.vue            |  6 +++---
 2 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/dashboard/src/components/shared/ExtensionCard.vue b/dashboard/src/components/shared/ExtensionCard.vue
index 08c09afd..4af11cc7 100644
--- a/dashboard/src/components/shared/ExtensionCard.vue
+++ b/dashboard/src/components/shared/ExtensionCard.vue
@@ -202,13 +202,22 @@ const viewReadme = () => {
             </v-chip>
           </div>
 
-          <div class="mt-2" :class="{ 'text-caption': $vuetify.display.xs }" style="overflow-y: auto; height: 80px; font-size: 90%;">
+          <div class="mt-2" :class="{ 'text-caption': $vuetify.display.xs }" style="overflow-y: auto; height: 70px; font-size: 90%;">
             {{ extension.desc }}
           </div>
         </div>
       </div>
 
     </v-card-text>
+
+    <v-card-actions class="extension-actions">
+      <v-btn color="primary" size="small" @click="viewReadme">
+        {{ tm('buttons.viewDocs') }}
+      </v-btn>
+      <v-btn v-if="!marketMode" color="primary"  size="small" @click="configure">
+        {{ tm('card.actions.pluginConfig') }}
+      </v-btn>
+    </v-card-actions>
   </v-card>
 
 </template>
@@ -238,4 +247,9 @@ const viewReadme = () => {
     margin-left: 8px;
   }
 }
+
+.extension-actions {
+  margin-top: auto;
+  gap: 8px;
+}
 </style>
diff --git a/dashboard/src/views/ExtensionPage.vue b/dashboard/src/views/ExtensionPage.vue
index 3c629880..5e800df6 100644
--- a/dashboard/src/views/ExtensionPage.vue
+++ b/dashboard/src/views/ExtensionPage.vue
@@ -740,7 +740,7 @@ onMounted(async () => {
               <!-- 卡片视图 -->
               <div v-else>
                 <v-row v-if="filteredPlugins.length === 0" class="text-center">
-                  <v-col cols="12" class="pa-8">
+                  <v-col cols="12" class="pa-2">
                     <v-icon size="64" color="info" class="mb-4">mdi-puzzle-outline</v-icon>
                     <div class="text-h5 mb-2">{{ tm('empty.noPlugins') }}</div>
                     <div class="text-body-1 mb-4">{{ tm('empty.noPluginsDesc') }}</div>
@@ -748,8 +748,8 @@ onMounted(async () => {
                 </v-row>
 
                 <v-row>
-                  <v-col cols="12" md="6" lg="6" v-for="extension in filteredPlugins" :key="extension.name"
-                    class="pb-4">
+                  <v-col cols="12" md="6" lg="4" v-for="extension in filteredPlugins" :key="extension.name"
+                    class="pb-2">
                     <ExtensionCard :extension="extension" class="rounded-lg" style="background-color: rgb(var(--v-theme-mcpCardBg));"
                       @configure="openExtensionConfig(extension.name)" @uninstall="uninstallExtension(extension.name)"
                       @update="updateExtension(extension.name)" @reload="reloadPlugin(extension.name)"