szx/NewSzxcn-Email
1
0
Fork 0
Code Issues Pull Requests Actions 57 Packages Projects Releases Wiki Activity

fix: align compact bulk actions

Browse Source
This commit is contained in:
zxyszx
2026-08-02 21:02:43 +08:00
parent 969a9cb6c4
commit 8b9250c2a7
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/pages/mail.tsx
+5 -5
View File
@@ -1502,8 +1502,8 @@ export function MailPage() {
</div> </div>
</div> </div>
{selectedCountOnPage > 0 && canOrganizeMail && ( {selectedCountOnPage > 0 && canOrganizeMail && (
<div className="flex min-h-10 shrink-0 items-center justify-between gap-2 border-b px-3 py-1.5"> <div className="flex min-h-10 shrink-0 items-center gap-3 border-b px-3 py-1.5">
<span className="min-w-0 truncate text-[13px] text-muted-foreground">已选 {selectedCountOnPage} 封</span> <span className="shrink-0 text-[13px] text-muted-foreground">已选 {selectedCountOnPage} 封</span>
<BulkActionToolbar pending={bulkPending} currentFolder={folder} folders={folders.data?.items || []} readAction={bulkReadAction} onAction={runBulkAction} onMoveToFolder={runBulkMoveToFolder} /> <BulkActionToolbar pending={bulkPending} currentFolder={folder} folders={folders.data?.items || []} readAction={bulkReadAction} onAction={runBulkAction} onMoveToFolder={runBulkMoveToFolder} />
</div> </div>
)} )}
@@ -2647,8 +2647,8 @@ function CompactMailView({
return ( return (
<div className="flex min-h-0 min-w-0 flex-1 flex-col bg-background"> <div className="flex min-h-0 min-w-0 flex-1 flex-col bg-background">
<div className="flex min-h-11 shrink-0 items-center justify-between gap-2 border-b px-3 sm:px-4"> <div className="flex min-h-11 shrink-0 items-center gap-3 border-b px-3 sm:px-4">
<div className="flex min-w-0 flex-1 items-center gap-2.5"> <div className={cn("flex min-w-0 items-center gap-2.5", selectedIds.length === 0 && "flex-1")}>
<Checkbox aria-label="选择当前页邮件" checked={allSelected ? true : someSelected ? "indeterminate" : false} onCheckedChange={(value) => onSelectAll(value === true)} /> <Checkbox aria-label="选择当前页邮件" checked={allSelected ? true : someSelected ? "indeterminate" : false} onCheckedChange={(value) => onSelectAll(value === true)} />
<div className="flex min-w-0 items-center gap-2 text-[15px] font-semibold"> <div className="flex min-w-0 items-center gap-2 text-[15px] font-semibold">
{icon} {icon}
@@ -2662,7 +2662,7 @@ function CompactMailView({
{canOrganize && <BulkActionToolbar pending={bulkPending} onAction={onBulkAction} />} {canOrganize && <BulkActionToolbar pending={bulkPending} onAction={onBulkAction} />}
</> </>
) : ( ) : (
<div className="text-xs text-muted-foreground">{messages.length} / {total} 封</div> <div className="ml-auto text-xs text-muted-foreground">{messages.length} / {total} 封</div>
)} )}
</div> </div>
</div> </div>