fix(export): restore session table body rendering

This commit is contained in:
aits2026
2026-03-06 18:55:54 +08:00
parent 76d69ab7dd
commit 5affd4e57b
2 changed files with 8 additions and 6 deletions

View File

@@ -1570,10 +1570,9 @@
.table-wrap { .table-wrap {
.table-scroll-viewport { .table-scroll-viewport {
flex: 1;
min-height: 0; min-height: 0;
overflow-x: auto; overflow-x: auto;
overflow-y: hidden; overflow-y: visible;
scrollbar-width: none; scrollbar-width: none;
&::-webkit-scrollbar { &::-webkit-scrollbar {
@@ -1583,10 +1582,6 @@
.table-scroll-content { .table-scroll-content {
min-width: max(100%, var(--contacts-table-min-width)); min-width: max(100%, var(--contacts-table-min-width));
width: max-content;
min-height: 100%;
display: flex;
flex-direction: column;
} }
.session-table-sticky { .session-table-sticky {
@@ -1599,6 +1594,7 @@
.loading-state, .loading-state,
.empty-state { .empty-state {
width: 100%; width: 100%;
min-width: max(100%, var(--contacts-table-min-width));
flex: 1; flex: 1;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@@ -1615,6 +1611,7 @@
.load-issue-state { .load-issue-state {
width: 100%; width: 100%;
min-width: max(100%, var(--contacts-table-min-width));
flex: 1; flex: 1;
padding: 14px; padding: 14px;
overflow-y: auto; overflow-y: auto;
@@ -1711,6 +1708,7 @@
align-items: center; align-items: center;
gap: 12px; gap: 12px;
padding: 10px var(--contacts-inline-padding) 8px; padding: 10px var(--contacts-inline-padding) 8px;
min-width: max(100%, var(--contacts-table-min-width));
border-bottom: 1px solid color-mix(in srgb, var(--border-color) 85%, transparent); border-bottom: 1px solid color-mix(in srgb, var(--border-color) 85%, transparent);
background: color-mix(in srgb, var(--bg-primary) 78%, var(--bg-secondary)); background: color-mix(in srgb, var(--bg-primary) 78%, var(--bg-secondary));
font-size: 12px; font-size: 12px;
@@ -1792,6 +1790,7 @@
.contacts-list { .contacts-list {
width: 100%; width: 100%;
min-width: max(100%, var(--contacts-table-min-width));
flex: 1; flex: 1;
min-height: var(--contacts-default-list-height); min-height: var(--contacts-default-list-height);
height: var(--contacts-default-list-height); height: var(--contacts-default-list-height);
@@ -1801,6 +1800,7 @@
.contacts-virtuoso { .contacts-virtuoso {
height: 100%; height: 100%;
width: 100%;
&::-webkit-scrollbar { &::-webkit-scrollbar {
width: 6px; width: 6px;
@@ -1915,6 +1915,7 @@
align-items: center; align-items: center;
gap: 12px; gap: 12px;
padding: 12px var(--contacts-inline-padding); padding: 12px var(--contacts-inline-padding);
min-width: max(100%, var(--contacts-table-min-width));
height: 72px; height: 72px;
box-sizing: border-box; box-sizing: border-box;
border-radius: 10px; border-radius: 10px;

View File

@@ -6366,6 +6366,7 @@ function ExportPage() {
className="contacts-virtuoso" className="contacts-virtuoso"
data={filteredContacts} data={filteredContacts}
computeItemKey={(_, contact) => contact.username} computeItemKey={(_, contact) => contact.username}
fixedItemHeight={76}
itemContent={renderContactRow} itemContent={renderContactRow}
rangeChanged={handleContactsRangeChanged} rangeChanged={handleContactsRangeChanged}
atTopStateChange={setIsContactsListAtTop} atTopStateChange={setIsContactsListAtTop}