dsh
f281121a4d
- 左侧文件夹栏在小屏下变为底部导航条：收件箱/草稿箱/已发送/管理后台 + 居中「写信」悬浮圆钮（带未读角标） - 顶栏紧凑化：列表页搜索框自动下移为通栏第二行 - 邮件列表：隐藏正文摘要、缩小头像/时间列、行高加大便于触控，删除按钮常显 - 阅读页/写信页/设置页：内边距与字号收紧，配额条适配 - 管理后台：侧栏改为横向换行导航，表格横向滚动，统计卡两列排布 - 全部模板 viewport 增加 viewport-fit=cover（iOS 安全区），底部导航支持 env(safe-area-inset-bottom) - settings.html 内联样式改为 .settings-main 类以便响应式覆盖
74 lines
3.2 KiB
HTML
74 lines
3.2 KiB
HTML
{{define "banned"}}
|
|
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
|
|
<title>访问被禁止 - MailGo</title>
|
|
<style>
|
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
|
body {
|
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
|
|
"Hiragino Sans GB", "Microsoft YaHei", sans-serif;
|
|
background: linear-gradient(165deg, #fdecec 0%, #f6f8fc 55%, #eaf2ff 100%);
|
|
color: #1f2329; display: flex; justify-content: center; align-items: center; min-height: 100vh;
|
|
}
|
|
.banned-card {
|
|
background: #fff; border-radius: 14px;
|
|
box-shadow: 0 10px 40px rgba(227, 77, 89, 0.10);
|
|
padding: 48px; text-align: center; max-width: 480px; width: 100%;
|
|
}
|
|
.banned-icon {
|
|
width: 72px; height: 72px; margin: 0 auto 18px; border-radius: 50%;
|
|
background: #fde8e8; display: flex; align-items: center; justify-content: center;
|
|
font-size: 34px;
|
|
}
|
|
h1 { font-size: 22px; color: #e34d59; margin-bottom: 12px; }
|
|
p { color: #646a73; line-height: 1.7; margin-bottom: 8px; font-size: 14px; }
|
|
.detail {
|
|
background: #f8f9fb; border-radius: 10px; padding: 16px 18px;
|
|
margin: 18px 0; text-align: left;
|
|
}
|
|
.detail-row { display: flex; justify-content: space-between; padding: 7px 0; border-bottom: 1px solid #f0f1f3; }
|
|
.detail-row:last-child { border-bottom: none; }
|
|
.detail-label { color: #8f959e; font-size: 13px; }
|
|
.detail-value { color: #1f2329; font-weight: 600; font-size: 13px; }
|
|
.back-link {
|
|
display: inline-block; margin-top: 22px; color: #1677ff;
|
|
text-decoration: none; font-size: 14px;
|
|
}
|
|
.back-link:hover { text-decoration: underline; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="banned-card">
|
|
<div class="banned-icon">🚫</div>
|
|
<h1>您的 IP 已被暂时禁止访问</h1>
|
|
<p>由于登录失败次数过多，您的 IP 地址已被暂时封禁。</p>
|
|
{{if .entry}}
|
|
<div class="detail">
|
|
<div class="detail-row">
|
|
<span class="detail-label">IP 地址</span>
|
|
<span class="detail-value">{{.entry.IPAddress}}</span>
|
|
</div>
|
|
<div class="detail-row">
|
|
<span class="detail-label">原因</span>
|
|
<span class="detail-value">{{.entry.Reason}}</span>
|
|
</div>
|
|
<div class="detail-row">
|
|
<span class="detail-label">失败次数</span>
|
|
<span class="detail-value">{{.entry.FailCount}} 次</span>
|
|
</div>
|
|
<div class="detail-row">
|
|
<span class="detail-label">解封时间</span>
|
|
<span class="detail-value">{{.entry.ExpiresAt.Format "2006-01-02 15:04:05"}}</span>
|
|
</div>
|
|
</div>
|
|
{{end}}
|
|
<p style="font-size:13px;">请在解封时间后重试，或联系管理员。</p>
|
|
<a href="/login" class="back-link">返回登录页</a>
|
|
</div>
|
|
</body>
|
|
</html>
|
|
{{end}}
|