.account-dashboard-wrap { height: 100%; display: flex; flex-direction: column; :deep(.search-btn) { border-radius: 4px; border: 1px solid var(--Brand-Brand-6, #6d4cfe); color: #6d4cfe; } :deep(.reset-btn) { border-radius: 4px; border: 1px solid var(--BG-500, #b1b2b5); background: var(--BG-white, #fff); } .filter-wrap { border-radius: 8px; border: 1px solid #e6e6e8; .top { .title { font-family: 'Alibaba PuHuiTi'; font-style: normal; } :deep(.arco-btn) { .arco-btn-icon { line-height: 14px; } } } .overview-row { .overview-item { height: 88px; border-radius: 8px; background: var(--BG-100, #f7f8fa); padding: 16px; &:not(:last-child) { margin-right: 12px; } } } } .table-wrap { .pagination-box { display: flex; width: 100%; padding: 16px 24px; justify-content: flex-end; align-items: center; :deep(.arco-pagination) { .arco-pagination-list { .arco-pagination-item { border-radius: 4px; border: 1px solid var(--BG-300, #e6e6e8); &.arco-pagination-item-ellipsis { border: none; } &.arco-pagination-item-active { background-color: transparent; border: 1px solid var(--Brand-Brand-6, #6d4cfe); } } } .arco-pagination-jumper-input { border-radius: 4px; border: 1px solid var(--BG-300, #e6e6e8); } .arco-pagination-jumper-prepend { color: var(--Text-2, #3c4043); text-align: right; font-family: 'Alibaba PuHuiTi'; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; /* 157.143% */ } .arco-select-view-single { border-radius: 4px; border: 1px solid var(--BG-300, #e6e6e8); } } } } }