From 3dc929dd53c59ede9a248e1d17a3029e6af6002b Mon Sep 17 00:00:00 2001
From: Fine0830 <fanxue0830@gmail.com>
Date: Wed, 20 Sep 2023 11:57:52 +0800
Subject: [PATCH] refactor: update pagination (#320)

---
 src/views/dashboard/List.vue                                  | 2 --
 src/views/dashboard/graphs/InstanceList.vue                   | 4 +---
 src/views/dashboard/graphs/ServiceList.vue                    | 4 +---
 src/views/dashboard/graphs/style.scss                         | 1 +
 .../related/continuous-profiling/components/InstanceList.vue  | 1 -
 src/views/dashboard/related/ebpf/components/EBPFSchedules.vue | 1 -
 6 files changed, 3 insertions(+), 10 deletions(-)

diff --git a/src/views/dashboard/List.vue b/src/views/dashboard/List.vue
index 89cfface..25b4997a 100644
--- a/src/views/dashboard/List.vue
+++ b/src/views/dashboard/List.vue
@@ -116,8 +116,6 @@ limitations under the License. -->
         </el-button>
         <el-pagination
           class="pagination"
-          background
-          small
           layout="prev, pager, next"
           :page-size="pageSize"
           :total="total"
diff --git a/src/views/dashboard/graphs/InstanceList.vue b/src/views/dashboard/graphs/InstanceList.vue
index 2e3b68cc..4c9b4d30 100644
--- a/src/views/dashboard/graphs/InstanceList.vue
+++ b/src/views/dashboard/graphs/InstanceList.vue
@@ -66,9 +66,7 @@ limitations under the License. -->
       </el-table>
     </div>
     <el-pagination
-      class="pagination"
-      background
-      small
+      class="pagination flex-h"
       layout="prev, pager, next"
       :page-size="pageSize"
       :total="pods.length"
diff --git a/src/views/dashboard/graphs/ServiceList.vue b/src/views/dashboard/graphs/ServiceList.vue
index 5917f1aa..5624f11b 100644
--- a/src/views/dashboard/graphs/ServiceList.vue
+++ b/src/views/dashboard/graphs/ServiceList.vue
@@ -59,9 +59,7 @@ limitations under the License. -->
       </el-table>
     </div>
     <el-pagination
-      class="pagination"
-      background
-      small
+      class="pagination flex-h"
       layout="prev, pager, next"
       :page-size="pageSize"
       :total="selectorStore.services.length"
diff --git a/src/views/dashboard/graphs/style.scss b/src/views/dashboard/graphs/style.scss
index e117b5e4..5ab4c99e 100644
--- a/src/views/dashboard/graphs/style.scss
+++ b/src/views/dashboard/graphs/style.scss
@@ -31,6 +31,7 @@
   text-align: center;
   height: 30px;
   padding: 8px 0;
+  justify-content: flex-end;
 }
 
 .link {
diff --git a/src/views/dashboard/related/continuous-profiling/components/InstanceList.vue b/src/views/dashboard/related/continuous-profiling/components/InstanceList.vue
index fc70ed4d..57da33c9 100644
--- a/src/views/dashboard/related/continuous-profiling/components/InstanceList.vue
+++ b/src/views/dashboard/related/continuous-profiling/components/InstanceList.vue
@@ -65,7 +65,6 @@ limitations under the License. -->
   <el-pagination
     class="mt-10"
     small
-    background
     layout="prev, pager, next"
     :page-size="pageSize"
     :total="continousProfilingStore.instances.length"
diff --git a/src/views/dashboard/related/ebpf/components/EBPFSchedules.vue b/src/views/dashboard/related/ebpf/components/EBPFSchedules.vue
index bc199117..82b4ed23 100644
--- a/src/views/dashboard/related/ebpf/components/EBPFSchedules.vue
+++ b/src/views/dashboard/related/ebpf/components/EBPFSchedules.vue
@@ -76,7 +76,6 @@ limitations under the License. -->
         </el-table>
         <el-pagination
           class="pagination"
-          background
           small
           layout="prev, pager, next"
           :page-size="pageSize"