diff --git a/src/views/documents/List.vue b/src/views/documents/List.vue
index 4ddf434..ea5dd13 100644
--- a/src/views/documents/List.vue
+++ b/src/views/documents/List.vue
@@ -13,25 +13,32 @@
     </v-row>
   </div>
   <div v-else>
+    <v-btn class="mb-3" @click="goto_create_document">创建</v-btn>
+
     <v-row>
-      <v-col cols="12" md="4" xl="2" v-for="document in documents.Data" :key="document.id">
-        <v-card class="mt-3">
-      <v-card-title>{{ document.Title }}</v-card-title>
-      <v-card-subtitle>{{
-        document.Chunked ? "分块的文档" : "还没有处理"
-      }}</v-card-subtitle>
-      <v-card-subtitle>
-        {{ new Date(document.CreatedAt).toLocaleString() }}
-      </v-card-subtitle>
-      <v-card-text>{{ document.content }}</v-card-text>
-      <v-card-actions>
-        <v-btn text color="primary">详情</v-btn>
-        <v-btn text color="secondary">编辑</v-btn>
-      </v-card-actions>
-    </v-card>
+      <v-col
+        cols="12"
+        md="4"
+        xl="2"
+        v-for="document in documents.Data"
+        :key="document.id"
+      >
+        <v-card>
+          <v-card-title>{{ document.Title }}</v-card-title>
+          <v-card-subtitle>{{
+            document.Chunked ? "分块的文档" : "还没有处理"
+          }}</v-card-subtitle>
+          <v-card-subtitle>
+            {{ new Date(document.CreatedAt).toLocaleString() }}
+          </v-card-subtitle>
+          <v-card-text>{{ document.content }}</v-card-text>
+          <v-card-actions>
+            <v-btn text color="primary">详情</v-btn>
+            <v-btn text color="secondary">编辑</v-btn>
+          </v-card-actions>
+        </v-card>
       </v-col>
     </v-row>
-    
   </div>
   <div v-if="documents.Total == 0">
     <v-alert text="看样子你还没有创建任何文档。"></v-alert>
@@ -54,8 +61,6 @@
       </v-row>
     </v-container>
   </div>
-
-  <v-btn class="mt-3" @click="goto_create_document">创建</v-btn>
 </template>
 
 <script setup>