hicccc77/WeFlow
1
0
Fork 0
mirror of https://github.com/hicccc77/WeFlow.git synced 2026-03-24 23:06:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

style: tighten export tab content layout

Browse Source
This commit is contained in:
aits2026
2026-03-10 14:18:07 +08:00
parent 122ad73c2e
commit ee4d1f5689
2 changed files with 20 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/pages/ExportPage.scss
View File

@@ -1625,14 +1625,20 @@
border: 1px solid var(--border-color); border: 1px solid var(--border-color);
background: var(--bg-secondary); background: var(--bg-secondary);
color: var(--text-secondary); color: var(--text-secondary);
padding: 7px 8px; padding: 7px 6px;
border-radius: 999px; border-radius: 999px;
cursor: pointer; cursor: pointer;
font-size: 13px; font-size: 13px;
white-space: nowrap; white-space: nowrap;
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
gap: 4px;
.tab-btn-content {
display: inline-flex;
align-items: center;
gap: 4px;
line-height: 1;
}
&.active { &.active {
border-color: var(--primary); border-color: var(--primary);

15
src/pages/ExportPage.tsx
View File

@@ -6338,13 +6338,22 @@ function ExportPage() {
<div className="table-toolbar"> <div className="table-toolbar">
<div className="table-tabs" role="tablist" aria-label="会话类型"> <div className="table-tabs" role="tablist" aria-label="会话类型">
<button className={`tab-btn ${activeTab === 'private' ? 'active' : ''}`} onClick={() => setActiveTab('private')}> <button className={`tab-btn ${activeTab === 'private' ? 'active' : ''}`} onClick={() => setActiveTab('private')}>
私聊 {isTabCountComputing ? <span className="count-loading">计算中<span className="animated-ellipsis" aria-hidden="true">...</span></span> : tabCounts.private} <span className="tab-btn-content">
<span>私聊</span>
<span>{isTabCountComputing ? <span className="count-loading">计算中<span className="animated-ellipsis" aria-hidden="true">...</span></span> : tabCounts.private}</span>
</span>
</button> </button>
<button className={`tab-btn ${activeTab === 'group' ? 'active' : ''}`} onClick={() => setActiveTab('group')}> <button className={`tab-btn ${activeTab === 'group' ? 'active' : ''}`} onClick={() => setActiveTab('group')}>
群聊 {isTabCountComputing ? <span className="count-loading">计算中<span className="animated-ellipsis" aria-hidden="true">...</span></span> : tabCounts.group} <span className="tab-btn-content">
<span>群聊</span>
<span>{isTabCountComputing ? <span className="count-loading">计算中<span className="animated-ellipsis" aria-hidden="true">...</span></span> : tabCounts.group}</span>
</span>
</button> </button>
<button className={`tab-btn ${activeTab === 'former_friend' ? 'active' : ''}`} onClick={() => setActiveTab('former_friend')}> <button className={`tab-btn ${activeTab === 'former_friend' ? 'active' : ''}`} onClick={() => setActiveTab('former_friend')}>
曾经的好友 {isTabCountComputing ? <span className="count-loading">计算中<span className="animated-ellipsis" aria-hidden="true">...</span></span> : tabCounts.former_friend} <span className="tab-btn-content">
<span>曾经的好友</span>
<span>{isTabCountComputing ? <span className="count-loading">计算中<span className="animated-ellipsis" aria-hidden="true">...</span></span> : tabCounts.former_friend}</span>
</span>
</button> </button>
</div> </div>