opensource/mateclaw
2
0
Fork 0
mirror of https://gitee.com/mateos/mateclaw.git synced 2026-09-16 20:34:39 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix(activity): blank pagination items — drop overzealous pagination style overrides

Browse Source
This commit is contained in:
matevip 2026-05-01 09:51:26 +08:00
parent 191eebca95
commit 71e75d0e83
1 changed files with 7 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
mateclaw-ui/src/views/Security/Activity/index.vue
View File

@ -658,7 +658,7 @@ onMounted(() => {
.pagination { .pagination {
display: flex; align-items: center; justify-content: center; display: flex; align-items: center; justify-content: center;
margin-top: 14px; margin-top: 14px;
padding: 10px 14px; padding: 8px 14px;
border: 1px solid var(--mc-border-light); border: 1px solid var(--mc-border-light);
border-radius: 14px; border-radius: 14px;
background: rgba(255, 255, 255, 0.55); background: rgba(255, 255, 255, 0.55);
@ -668,32 +668,14 @@ onMounted(() => {
:root.dark .pagination { background: rgba(34, 26, 22, 0.55); } :root.dark .pagination { background: rgba(34, 26, 22, 0.55); }
.page-info { font-size: 12px; color: var(--mc-text-tertiary); } .page-info { font-size: 12px; color: var(--mc-text-tertiary); }
/* Element Plus pagination overrides — match the brand aesthetic so /* Element Plus pagination — keep EP defaults for buttons/numbers so
the off-the-shelf component blends with our glass cards. */ 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) { .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; font-family: inherit;
} --el-color-primary: var(--mc-primary);
.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);
} }
/* Detail drawer — wider, no internal max-height frame */ /* Detail drawer — wider, no internal max-height frame */