diff --git a/src/pages/ExportPage.scss b/src/pages/ExportPage.scss index 4bd15bf..28d4adc 100644 --- a/src/pages/ExportPage.scss +++ b/src/pages/ExportPage.scss @@ -1352,6 +1352,21 @@ justify-content: flex-end; gap: 8px; flex-shrink: 0; + position: sticky; + right: 0; + z-index: 8; + background: color-mix(in srgb, var(--bg-primary) 78%, var(--bg-secondary)); + + &::before { + content: ''; + position: absolute; + top: 0; + bottom: 0; + left: -18px; + width: 18px; + pointer-events: none; + background: linear-gradient(to right, transparent, color-mix(in srgb, var(--bg-primary) 82%, var(--bg-secondary))); + } } .contacts-list { @@ -1801,11 +1816,28 @@ gap: 4px; width: var(--contacts-action-col-width); flex-shrink: 0; + position: sticky; + right: 0; + z-index: 6; + background: inherit; + + &::before { + content: ''; + position: absolute; + top: -12px; + bottom: -12px; + left: -18px; + width: 18px; + pointer-events: none; + background: linear-gradient(to right, transparent, color-mix(in srgb, var(--bg-primary) 84%, var(--bg-secondary))); + } .row-action-main { display: inline-flex; align-items: flex-start; gap: 6px; + position: relative; + z-index: 1; &.single-line { align-items: center; diff --git a/src/pages/ExportPage.tsx b/src/pages/ExportPage.tsx index 6d7f13e..e6a5183 100644 --- a/src/pages/ExportPage.tsx +++ b/src/pages/ExportPage.tsx @@ -4290,6 +4290,11 @@ function ExportPage() { if (activeTab === 'group') return '群聊' return '曾经的好友' }, [activeTab]) + const contactsHeaderMainLabel = useMemo(() => { + if (activeTab === 'group') return '群聊名称' + if (activeTab === 'private' || activeTab === 'former_friend') return '联系人' + return '联系人(头像/名称/微信号)' + }, [activeTab]) const shouldShowSnsColumn = useMemo(() => ( activeTab === 'private' || activeTab === 'former_friend' ), [activeTab]) @@ -5677,7 +5682,7 @@ function ExportPage() { - 联系人(头像/名称/微信号) + {contactsHeaderMainLabel} 总消息数 表情包