From 20e1bf962486a538300cb64757cc9e7033a5d71d Mon Sep 17 00:00:00 2001
From: StarHeartHunt <starheart233@gmail.com>
Date: Mon, 5 Apr 2021 13:32:36 +0800
Subject: [PATCH] :memo: improve store display effect

---
 docs/.vuepress/components/Adapter.vue     | 26 ++++++++++-------------
 docs/.vuepress/components/Bot.vue         | 21 ++++++++----------
 docs/.vuepress/components/Plugin.vue      | 23 +++++++++-----------
 docs/.vuepress/components/PublishCard.vue |  2 +-
 docs/.vuepress/components/Store.vue       |  2 +-
 5 files changed, 32 insertions(+), 42 deletions(-)

diff --git a/docs/.vuepress/components/Adapter.vue b/docs/.vuepress/components/Adapter.vue
index 7cb4d3cc..ffc4cfdb 100644
--- a/docs/.vuepress/components/Adapter.vue
+++ b/docs/.vuepress/components/Adapter.vue
@@ -1,7 +1,7 @@
 <template>
   <v-card flat class="adapters">
-    <v-row>
-      <v-col cols="12" sm="4">
+    <v-row class="justify-center">
+      <v-col cols="12" sm="6">
         <v-text-field
           v-model="filterText"
           dense
@@ -9,7 +9,7 @@
           outlined
           clearable
           hide-details
-          label="Filter Adapter"
+          label="搜索适配器"
         >
           <template v-slot:prepend-inner>
             <div class="v-input__icon v-input__icon--prepend-inner">
@@ -18,16 +18,16 @@
           </template>
         </v-text-field>
       </v-col>
-      <v-col cols="12" sm="4">
+      <v-col cols="12" sm="6">
         <v-dialog v-model="dialog" max-width="600px">
           <template v-slot:activator="{ on, attrs }">
             <v-btn dark block color="primary" v-bind="attrs" v-on="on"
-              >Publish Your Adapter
+              >发布适配器
             </v-btn>
           </template>
           <v-card>
             <v-card-title>
-              <span class="headline">Adapter Information</span>
+              <span class="headline">适配器信息</span>
             </v-card-title>
             <v-card-text>
               <v-form ref="newAdapterForm" v-model="valid" lazy-validation>
@@ -75,7 +75,7 @@
             <v-card-actions>
               <v-spacer></v-spacer>
               <v-btn color="blue darken-1" text @click="dialog = false">
-                Close
+                关闭
               </v-btn>
               <v-btn
                 :disabled="!valid"
@@ -86,22 +86,20 @@
                   publishAdapter();
                 "
               >
-                Publish
+                发布
               </v-btn>
             </v-card-actions>
           </v-card>
         </v-dialog>
       </v-col>
-      <v-col cols="12" sm="4">
+    </v-row>
+      <v-col cols="12">
         <v-pagination
           v-model="page"
           :length="pageNum"
           prev-icon="fa-caret-left"
           next-icon="fa-caret-right"
-        ></v-pagination>
-      </v-col>
-    </v-row>
-    <hr />
+        ></v-pagination></v-col>
     <v-row>
       <v-col
         cols="12"
@@ -118,7 +116,6 @@
         ></PublishCard>
       </v-col>
     </v-row>
-    <v-row>
       <v-col cols="12">
         <v-pagination
           v-model="page"
@@ -127,7 +124,6 @@
           next-icon="fa-caret-right"
         ></v-pagination>
       </v-col>
-    </v-row>
   </v-card>
 </template>
 
diff --git a/docs/.vuepress/components/Bot.vue b/docs/.vuepress/components/Bot.vue
index 954a3ebd..60f6d76f 100644
--- a/docs/.vuepress/components/Bot.vue
+++ b/docs/.vuepress/components/Bot.vue
@@ -1,7 +1,7 @@
 <template>
   <v-card flat class="bots">
     <v-row>
-      <v-col cols="12" sm="4">
+      <v-col cols="12" sm="6">
         <v-text-field
           v-model="filterText"
           dense
@@ -9,7 +9,7 @@
           outlined
           clearable
           hide-details
-          label="Filter Bot"
+          label="搜索机器人"
         >
           <template v-slot:prepend-inner>
             <div class="v-input__icon v-input__icon--prepend-inner">
@@ -18,16 +18,16 @@
           </template>
         </v-text-field>
       </v-col>
-      <v-col cols="12" sm="4">
+      <v-col cols="12" sm="6">
         <v-dialog v-model="dialog" max-width="600px">
           <template v-slot:activator="{ on, attrs }">
             <v-btn dark block color="primary" v-bind="attrs" v-on="on"
-              >Publish Your Bot
+              >发布机器人
             </v-btn>
           </template>
           <v-card>
             <v-card-title>
-              <span class="headline">Bot Information</span>
+              <span class="headline">机器人信息</span>
             </v-card-title>
             <v-card-text>
               <v-form ref="newBotForm" v-model="valid" lazy-validation>
@@ -61,7 +61,7 @@
             <v-card-actions>
               <v-spacer></v-spacer>
               <v-btn color="blue darken-1" text @click="dialog = false">
-                Close
+                关闭
               </v-btn>
               <v-btn
                 :disabled="!valid"
@@ -72,13 +72,14 @@
                   publishBot();
                 "
               >
-                Publish
+                发布
               </v-btn>
             </v-card-actions>
           </v-card>
         </v-dialog>
       </v-col>
-      <v-col cols="12" sm="4">
+    </v-row>
+      <v-col cols="12">
         <v-pagination
           v-model="page"
           :length="pageNum"
@@ -86,8 +87,6 @@
           next-icon="fa-caret-right"
         ></v-pagination>
       </v-col>
-    </v-row>
-    <hr />
     <v-row>
       <v-col cols="12" sm="6" v-for="(bot, index) in displayBots" :key="index">
         <PublishCard
@@ -98,7 +97,6 @@
         ></PublishCard>
       </v-col>
     </v-row>
-    <v-row>
       <v-col cols="12">
         <v-pagination
           v-model="page"
@@ -107,7 +105,6 @@
           next-icon="fa-caret-right"
         ></v-pagination>
       </v-col>
-    </v-row>
   </v-card>
 </template>
 
diff --git a/docs/.vuepress/components/Plugin.vue b/docs/.vuepress/components/Plugin.vue
index 5e013158..9d8677a7 100644
--- a/docs/.vuepress/components/Plugin.vue
+++ b/docs/.vuepress/components/Plugin.vue
@@ -1,7 +1,7 @@
 <template>
   <v-card flat class="plugins">
     <v-row>
-      <v-col cols="12" sm="4">
+      <v-col cols="12" sm="6">
         <v-text-field
           v-model="filterText"
           dense
@@ -9,7 +9,7 @@
           outlined
           clearable
           hide-details
-          label="Filter Plugin"
+          label="搜索插件"
         >
           <template v-slot:prepend-inner>
             <div class="v-input__icon v-input__icon--prepend-inner">
@@ -18,16 +18,16 @@
           </template>
         </v-text-field>
       </v-col>
-      <v-col cols="12" sm="4">
+      <v-col cols="12" sm="6">
         <v-dialog v-model="dialog" max-width="600px">
           <template v-slot:activator="{ on, attrs }">
             <v-btn dark block color="primary" v-bind="attrs" v-on="on"
-              >Publish Your Plugin
+              >发布插件
             </v-btn>
           </template>
           <v-card>
             <v-card-title>
-              <span class="headline">Plugin Information</span>
+              <span class="headline">插件信息</span>
             </v-card-title>
             <v-card-text>
               <v-form ref="newPluginForm" v-model="valid" lazy-validation>
@@ -75,7 +75,7 @@
             <v-card-actions>
               <v-spacer></v-spacer>
               <v-btn color="blue darken-1" text @click="dialog = false">
-                Close
+                关闭
               </v-btn>
               <v-btn
                 :disabled="!valid"
@@ -86,13 +86,14 @@
                   publishPlugin();
                 "
               >
-                Publish
+                发布
               </v-btn>
             </v-card-actions>
           </v-card>
         </v-dialog>
       </v-col>
-      <v-col cols="12" sm="4">
+    </v-row>
+      <v-col cols="12">
         <v-pagination
           v-model="page"
           :length="pageNum"
@@ -100,8 +101,6 @@
           next-icon="fa-caret-right"
         ></v-pagination>
       </v-col>
-    </v-row>
-    <hr />
     <v-row>
       <v-col
         cols="12"
@@ -115,12 +114,11 @@
           :id="plugin.id"
           :author="plugin.author"
           :link="plugin.repo"
-          text="copy nb install command"
+          text="点此复制安装命令"
           :command="`nb plugin install ${plugin.id}`"
         ></PublishCard>
       </v-col>
     </v-row>
-    <v-row>
       <v-col cols="12">
         <v-pagination
           v-model="page"
@@ -129,7 +127,6 @@
           next-icon="fa-caret-right"
         ></v-pagination>
       </v-col>
-    </v-row>
   </v-card>
 </template>
 
diff --git a/docs/.vuepress/components/PublishCard.vue b/docs/.vuepress/components/PublishCard.vue
index 98e15bca..45440278 100644
--- a/docs/.vuepress/components/PublishCard.vue
+++ b/docs/.vuepress/components/PublishCard.vue
@@ -28,7 +28,7 @@
         {{ text }}
         <v-icon right small>fa-copy</v-icon>
       </v-btn>
-      <v-snackbar v-model="snackbar">Copied!</v-snackbar>
+      <v-snackbar v-model="snackbar">复制成功！</v-snackbar>
     </v-card-actions>
   </v-card>
 </template>
diff --git a/docs/.vuepress/components/Store.vue b/docs/.vuepress/components/Store.vue
index be73fe65..e1ca5311 100644
--- a/docs/.vuepress/components/Store.vue
+++ b/docs/.vuepress/components/Store.vue
@@ -10,7 +10,7 @@
               }}</v-tab>
             </v-tabs>
           </v-toolbar>
-          <v-tabs-items class="sub-item" v-model="tab">
+          <v-tabs-items class="sub-item pt-1" v-model="tab">
             <v-tab-item>
               <Adapter></Adapter>
             </v-tab-item>