From ddbca253078286c145908c9e2c25a7fc3eac8f87 Mon Sep 17 00:00:00 2001
From: Ryan Wang <i@ryanc.cc>
Date: Tue, 12 Jul 2022 11:11:05 +0800
Subject: [PATCH] refactor: pagination component usage

Signed-off-by: Ryan Wang <i@ryanc.cc>
---
 .../contents/attachments/AttachmentList.vue        |  6 ++----
 src/modules/contents/comments/CommentList.vue      |  6 ++----
 src/modules/contents/pages/PageList.vue            |  6 ++----
 src/modules/contents/posts/PostList.vue            |  6 ++----
 src/modules/system/plugins/PluginList.vue          |  6 ++----
 src/modules/system/roles/RoleList.vue              |  6 ++----
 src/modules/system/users/UserList.vue              | 14 ++++++--------
 7 files changed, 18 insertions(+), 32 deletions(-)

diff --git a/src/modules/contents/attachments/AttachmentList.vue b/src/modules/contents/attachments/AttachmentList.vue
index 99c48504..c0ab0d6e 100644
--- a/src/modules/contents/attachments/AttachmentList.vue
+++ b/src/modules/contents/attachments/AttachmentList.vue
@@ -685,10 +685,8 @@ onMounted(() => {
           </ul>
 
           <template #footer>
-            <div class="flex items-center justify-end bg-white">
-              <div class="flex flex-1 items-center justify-end">
-                <VPagination :page="1" :size="10" :total="20" />
-              </div>
+            <div class="bg-white sm:flex sm:items-center sm:justify-end">
+              <VPagination :page="1" :size="10" :total="20" />
             </div>
           </template>
         </VCard>
diff --git a/src/modules/contents/comments/CommentList.vue b/src/modules/contents/comments/CommentList.vue
index f94e09be..2e3dac6f 100644
--- a/src/modules/contents/comments/CommentList.vue
+++ b/src/modules/contents/comments/CommentList.vue
@@ -137,10 +137,8 @@ const checkAll = ref(false);
       </ul>
 
       <template #footer>
-        <div class="flex items-center justify-end bg-white">
-          <div class="flex flex-1 items-center justify-end">
-            <VPagination :page="1" :size="10" :total="20" />
-          </div>
+        <div class="bg-white sm:flex sm:items-center sm:justify-end">
+          <VPagination :page="1" :size="10" :total="20" />
         </div>
       </template>
     </VCard>
diff --git a/src/modules/contents/pages/PageList.vue b/src/modules/contents/pages/PageList.vue
index f74dee06..34d44330 100644
--- a/src/modules/contents/pages/PageList.vue
+++ b/src/modules/contents/pages/PageList.vue
@@ -334,10 +334,8 @@ onMounted(() => {
           </ul>
 
           <template #footer>
-            <div class="flex items-center justify-end bg-white">
-              <div class="flex flex-1 items-center justify-end">
-                <VPagination :page="1" :size="10" :total="20" />
-              </div>
+            <div class="bg-white sm:flex sm:items-center sm:justify-end">
+              <VPagination :page="1" :size="10" :total="20" />
             </div>
           </template>
         </VCard>
diff --git a/src/modules/contents/posts/PostList.vue b/src/modules/contents/posts/PostList.vue
index e5ee7e99..088c6d63 100644
--- a/src/modules/contents/posts/PostList.vue
+++ b/src/modules/contents/posts/PostList.vue
@@ -400,10 +400,8 @@ onMounted(() => {
       </ul>
 
       <template #footer>
-        <div class="flex items-center justify-end bg-white">
-          <div class="flex flex-1 items-center justify-end">
-            <VPagination :page="1" :size="10" :total="20" />
-          </div>
+        <div class="bg-white sm:flex sm:items-center sm:justify-end">
+          <VPagination :page="1" :size="10" :total="20" />
         </div>
       </template>
     </VCard>
diff --git a/src/modules/system/plugins/PluginList.vue b/src/modules/system/plugins/PluginList.vue
index 12cb5589..8738faea 100644
--- a/src/modules/system/plugins/PluginList.vue
+++ b/src/modules/system/plugins/PluginList.vue
@@ -383,10 +383,8 @@ onMounted(handleFetchPlugins);
       </ul>
 
       <template #footer>
-        <div class="flex items-center justify-end bg-white">
-          <div class="flex flex-1 items-center justify-end">
-            <VPagination :page="1" :size="10" :total="20" />
-          </div>
+        <div class="bg-white sm:flex sm:items-center sm:justify-end">
+          <VPagination :page="1" :size="10" :total="20" />
         </div>
       </template>
     </VCard>
diff --git a/src/modules/system/roles/RoleList.vue b/src/modules/system/roles/RoleList.vue
index e65d617d..ce933f55 100644
--- a/src/modules/system/roles/RoleList.vue
+++ b/src/modules/system/roles/RoleList.vue
@@ -210,10 +210,8 @@ onMounted(() => {
       </ul>
 
       <template #footer>
-        <div class="flex items-center justify-end bg-white">
-          <div class="flex flex-1 items-center justify-end">
-            <VPagination :page="1" :size="10" :total="20" />
-          </div>
+        <div class="bg-white sm:flex sm:items-center sm:justify-end">
+          <VPagination :page="1" :size="10" :total="20" />
         </div>
       </template>
     </VCard>
diff --git a/src/modules/system/users/UserList.vue b/src/modules/system/users/UserList.vue
index 95bafc55..16886b17 100644
--- a/src/modules/system/users/UserList.vue
+++ b/src/modules/system/users/UserList.vue
@@ -273,14 +273,12 @@ onMounted(() => {
       </ul>
 
       <template #footer>
-        <div class="flex items-center justify-end bg-white">
-          <div class="flex flex-1 items-center justify-end">
-            <VPagination
-              v-model:page="pagination.page"
-              v-model:size="pagination.size"
-              :total="pagination.total"
-            />
-          </div>
+        <div class="bg-white sm:flex sm:items-center sm:justify-end">
+          <VPagination
+            v-model:page="pagination.page"
+            v-model:size="pagination.size"
+            :total="pagination.total"
+          />
         </div>
       </template>
     </VCard>