From b9c16dbee4b247da9a9e4dd02663378c76825081 Mon Sep 17 00:00:00 2001 From: aits2026 Date: Fri, 6 Mar 2026 12:29:46 +0800 Subject: [PATCH] fix(export): align header actions layout --- src/pages/ExportPage.scss | 12 ++++++++++-- 1 file changed, 10 insertions(+), 2 deletions(-) diff --git a/src/pages/ExportPage.scss b/src/pages/ExportPage.scss index 5b5ca19..425b1fa 100644 --- a/src/pages/ExportPage.scss +++ b/src/pages/ExportPage.scss @@ -1307,7 +1307,9 @@ .contacts-list-header-select { width: var(--contacts-select-col-width); min-width: var(--contacts-select-col-width); - text-align: center; + display: flex; + align-items: center; + justify-content: center; flex-shrink: 0; } @@ -1346,16 +1348,19 @@ } .contacts-list-header-actions { - width: var(--contacts-action-col-width); + width: max(var(--contacts-action-col-width), 184px); + min-width: max(var(--contacts-action-col-width), 184px); display: flex; align-items: center; justify-content: flex-end; gap: 8px; + flex-wrap: nowrap; flex-shrink: 0; position: sticky; right: 0; z-index: 8; background: var(--bg-primary); + white-space: nowrap; &::before { content: ''; @@ -1399,6 +1404,7 @@ font-size: 12px; padding: 6px 10px; cursor: pointer; + white-space: nowrap; &:hover:not(:disabled) { border-color: var(--text-tertiary); @@ -1422,6 +1428,8 @@ display: inline-flex; align-items: center; gap: 6px; + white-space: nowrap; + flex-shrink: 0; &:hover:not(:disabled) { background: var(--primary-hover);