feat(export): show selected count on batch export button

This commit is contained in:
tisonhuang
2026-03-05 10:16:51 +08:00
parent 3c231a7fde
commit 3062295069
2 changed files with 26 additions and 11 deletions

View File

@@ -1145,14 +1145,27 @@
font-size: 12px;
cursor: pointer;
margin-left: auto;
display: inline-flex;
align-items: center;
gap: 6px;
&:hover:not(:disabled) {
background: var(--primary-hover);
}
&:disabled {
opacity: 0.65;
cursor: not-allowed;
.selection-export-count {
min-width: 18px;
height: 18px;
padding: 0 5px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.2);
color: #fff;
font-size: 11px;
font-weight: 700;
display: inline-flex;
align-items: center;
justify-content: center;
font-variant-numeric: tabular-nums;
}
}
}

View File

@@ -3984,14 +3984,16 @@ function ExportPage() {
>
</button>
{selectedCount > 0 && (
<button
className="selection-export-btn"
type="button"
onClick={openBatchExport}
disabled={selectedCount === 0}
>
<span></span>
<span className="selection-export-count">{selectedCount}</span>
</button>
)}
</div>
<div className="contacts-list-header">
<span className="contacts-list-header-select"></span>