feat: 前端移动端响应式适配（≤767px）

- 左侧文件夹栏在小屏下变为底部导航条：收件箱/草稿箱/已发送/管理后台 + 居中「写信」悬浮圆钮（带未读角标） - 顶栏紧凑化：列表页搜索框自动下移为通栏第二行 - 邮件列表：隐藏正文摘要、缩小头像/时间列、行高加大便于触控，删除按钮常显 - 阅读页/写信页/设置页：内边距与字号收紧，配额条适配 - 管理后台：侧栏改为横向换行导航，表格横向滚动，统计卡两列排布 - 全部模板 viewport 增加 viewport-fit=cover（iOS 安全区），底部导航支持 env(safe-area-inset-bottom) - settings.html 内联样式改为 .settings-main 类以便响应式覆盖
2026-08-17 13:21:19 -04:00
parent fe1bf25d31
commit f281121a4d
@@ -3,7 +3,7 @@
 <html lang="zh-CN">
 <head>
    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
    <title>设置 - MailGo</title>
    {{template "styles" .}}
 </head>
@@ -11,7 +11,7 @@
    {{template "navbar" .}}
    <div class="app-body">
        {{template "sidebar" .}}
-        <main class="mail-main" style="padding:24px;background:#f6f8fc;">
+        <main class="mail-main settings-main">
            {{if .error}}<div class="alert alert-error">{{.error}}</div>{{end}}
            {{if .success}}<div class="alert alert-success">{{.success}}</div>{{end}}