📝 improve store display effect

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>