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

fix: keep desktop mail panes at seek width

Browse Source
This commit is contained in:
zxyszx
2026-08-02 12:06:25 +08:00
parent e9806b4a2a
commit 4ab38c6c69
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/index.css
+1 -1
View File
@@ -103,7 +103,7 @@
border-right: 1px solid hsl(var(--border)); border-right: 1px solid hsl(var(--border));
} }
@media (max-width: 979px) { @media (max-width: 767px) {
.mail-content-grid { .mail-content-grid {
grid-template-columns: minmax(0, 1fr); grid-template-columns: minmax(0, 1fr);
} }
apps/web/src/pages/mail.tsx
+4 -4
View File
@@ -89,7 +89,7 @@ const emptyAdvancedSearch: AdvancedMailSearch = { from: "", to: "", subject: "",
const emptyAdvancedSearchDraft: AdvancedMailSearchDraft = { ...emptyAdvancedSearch } const emptyAdvancedSearchDraft: AdvancedMailSearchDraft = { ...emptyAdvancedSearch }
const mailboxSelectionStorageVersion = "2" const mailboxSelectionStorageVersion = "2"
const mailCompactBreakpoint = 768 const mailCompactBreakpoint = 768
const mailDetailBreakpoint = 980 const mailDetailBreakpoint = 768
function useMaxViewportWidth(maxWidth: number) { function useMaxViewportWidth(maxWidth: number) {
const [matches, setMatches] = React.useState(false) const [matches, setMatches] = React.useState(false)
@@ -1442,7 +1442,7 @@ export function MailPage() {
/> />
) : ( ) : (
<div className={cn("mail-content-grid min-h-0 flex-1 bg-background", selectedId && "is-reading")}> <div className={cn("mail-content-grid min-h-0 flex-1 bg-background", selectedId && "is-reading")}>
<div className={cn("mail-list-pane min-w-0", selectedId && "max-[979px]:hidden")}> <div className={cn("mail-list-pane min-w-0", selectedId && "max-[767px]:hidden")}>
<div className="flex h-full min-h-0 flex-col bg-background"> <div className="flex h-full min-h-0 flex-col bg-background">
<div className="shrink-0 border-b px-3 pb-2.5 pt-2.5"> <div className="shrink-0 border-b px-3 pb-2.5 pt-2.5">
<div className="relative"> <div className="relative">
@@ -1500,7 +1500,7 @@ export function MailPage() {
<RefreshCcw className={cn("h-4 w-4", (refreshing || autoRefreshing) && "animate-spin")} /> <RefreshCcw className={cn("h-4 w-4", (refreshing || autoRefreshing) && "animate-spin")} />
</Button> </Button>
{canOrganizeMail && <Button size="icon" variant="ghost" disabled={!activeMailboxId || markAllRead.isPending || unreadCount === 0} onClick={() => markAllRead.mutate(allMessages)} className="h-7 w-7 text-muted-foreground hover:bg-transparent hover:text-foreground" title="全部已读"><Download className="h-4 w-4" /></Button>} {canOrganizeMail && <Button size="icon" variant="ghost" disabled={!activeMailboxId || markAllRead.isPending || unreadCount === 0} onClick={() => markAllRead.mutate(allMessages)} className="h-7 w-7 text-muted-foreground hover:bg-transparent hover:text-foreground" title="全部已读"><Download className="h-4 w-4" /></Button>}
<Button size="icon" variant="ghost" disabled className="hidden h-7 w-7 text-muted-foreground hover:bg-transparent min-[980px]:inline-flex" title="导入"><Upload className="h-4 w-4" /></Button> <Button size="icon" variant="ghost" disabled className="hidden h-7 w-7 text-muted-foreground hover:bg-transparent min-[768px]:inline-flex" title="导入"><Upload className="h-4 w-4" /></Button>
</div> </div>
</div> </div>
</div> </div>
@@ -1530,7 +1530,7 @@ export function MailPage() {
</div> </div>
</div> </div>
<section className={cn("mail-detail-pane min-w-0", !selectedId && "max-[979px]:hidden")}> <section className={cn("mail-detail-pane min-w-0", !selectedId && "max-[767px]:hidden")}>
<div className="h-full min-h-0 bg-background"> <div className="h-full min-h-0 bg-background">
{!selectedId && ( {!selectedId && (
<div className="grid h-full place-items-center text-muted-foreground"> <div className="grid h-full place-items-center text-muted-foreground">