From 71e75d0e8382168769137231fad9383056e59b47 Mon Sep 17 00:00:00 2001
From: matevip <matevip@mate.vip>
Date: Fri, 1 May 2026 09:51:26 +0800
Subject: [PATCH] =?UTF-8?q?fix(activity):=20blank=20pagination=20items=20?=
 =?UTF-8?q?=E2=80=94=20drop=20overzealous=20pagination=20style=20overrides?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/Security/Activity/index.vue     | 32 ++++---------------
 1 file changed, 7 insertions(+), 25 deletions(-)

diff --git a/mateclaw-ui/src/views/Security/Activity/index.vue b/mateclaw-ui/src/views/Security/Activity/index.vue
index 461d2f81..8d6605a1 100644
--- a/mateclaw-ui/src/views/Security/Activity/index.vue
+++ b/mateclaw-ui/src/views/Security/Activity/index.vue
@@ -658,7 +658,7 @@ onMounted(() => {
 .pagination {
   display: flex; align-items: center; justify-content: center;
   margin-top: 14px;
-  padding: 10px 14px;
+  padding: 8px 14px;
   border: 1px solid var(--mc-border-light);
   border-radius: 14px;
   background: rgba(255, 255, 255, 0.55);
@@ -668,32 +668,14 @@ onMounted(() => {
 :root.dark .pagination { background: rgba(34, 26, 22, 0.55); }
 .page-info { font-size: 12px; color: var(--mc-text-tertiary); }
 
-/* Element Plus pagination overrides — match the brand aesthetic so
-   the off-the-shelf component blends with our glass cards. */
+/* Element Plus pagination — keep EP defaults for buttons/numbers so
+   they stay readable; only inherit our font and tint the active page
+   with the brand color. The earlier overrides set button text to
+   secondary-grey on a translucent white pill, which against the
+   glass container effectively rendered numbers invisible. */
 .pagination :deep(.el-pagination) {
-  --el-pagination-bg-color: transparent;
-  --el-pagination-button-bg-color: transparent;
-  --el-pagination-button-color: var(--mc-text-secondary);
-  --el-pagination-hover-color: var(--mc-primary);
   font-family: inherit;
-}
-.pagination :deep(.el-pagination .btn-prev),
-.pagination :deep(.el-pagination .btn-next),
-.pagination :deep(.el-pager li) {
-  background: rgba(255, 255, 255, 0.6);
-  border-radius: 8px;
-  border: 1px solid var(--mc-border-light);
-  margin: 0 2px;
-}
-:root.dark .pagination :deep(.el-pagination .btn-prev),
-:root.dark .pagination :deep(.el-pagination .btn-next),
-:root.dark .pagination :deep(.el-pager li) {
-  background: rgba(42, 32, 26, 0.6);
-}
-.pagination :deep(.el-pager li.is-active) {
-  background: var(--mc-primary);
-  color: white;
-  border-color: var(--mc-primary);
+  --el-color-primary: var(--mc-primary);
 }
 
 /* Detail drawer — wider, no internal max-height frame */