openclaw/ToNav-go
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 3 Wiki Activity

feat: redesign admin interface

Browse Source
This commit is contained in:
openclaw
2026-09-15 06:41:26 +08:00
parent 32daa27712
commit 68e3d0bfce
6 changed files with 73 additions and 896 deletions
Download Patch File Download Diff File Expand all files Collapse all files
templates/admin/change_password.html
+1 -45
View File
@@ -1,45 +1 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>修改密码 - ToNav</title>
<style>
:root { --main-red: #ff4d4f; }
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: "PingFang SC", -apple-system, sans-serif; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 20px; }
.card { background: #fff; padding: 40px 30px; border-radius: 20px; width: 100%; max-width: 400px; box-shadow: 0 10px 30px rgba(0,0,0,0.2); }
.card h2 { text-align: center; margin-bottom: 20px; font-size: 22px; }
.input { width: 100%; padding: 12px; margin: 8px 0 16px; border: 1px solid #ddd; border-radius: 8px; box-sizing: border-box; font-size: 15px; -webkit-appearance: none; }
.input:focus { border-color: #667eea; outline: none; box-shadow: 0 0 0 2px rgba(102,126,234,0.2); }
.btn { width: 100%; padding: 13px; background: #ff4d4f; color: #fff; border: none; border-radius: 8px; cursor: pointer; font-weight: bold; margin-top: 10px; font-size: 16px; -webkit-appearance: none; }
.btn:active { transform: scale(0.98); }
.error-box { background: #fff2f0; border: 1px solid #ffccc7; color: #ff4d4f; padding: 10px; border-radius: 8px; margin-bottom: 16px; text-align: center; font-size: 14px; }
.alert { background: #e6f7ff; border: 1px solid #91d5ff; color: #1890ff; padding: 10px; border-radius: 8px; margin-bottom: 20px; font-size: 14px; line-height: 1.5; }
label { font-size: 14px; color: #333; font-weight: 500; }
@media (max-width: 420px) {
.card { padding: 30px 20px; border-radius: 16px; }
}
</style>
</head>
<body>
<div class="card">
<h2>🔐 修改密码</h2>
<div class="alert">⚠️ 首次登录请先修改初始密码以启用管理功能。</div>
{{ if .error }}
<div class="error-box">{{ .error }}</div>
{{ end }}
<form method="POST">
<label>当前密码</label>
<input type="password" name="old_password" placeholder="输入当前密码" class="input" required autocomplete="current-password">
<label>新密码</label>
<input type="password" name="new_password" placeholder="至少6位" class="input" required minlength="6" autocomplete="new-password">
<label>确认新密码</label>
<input type="password" name="confirm_password" placeholder="再次输入新密码" class="input" required autocomplete="new-password">
<button type="submit" class="btn">提交修改</button>
</form>
</div>
</body>
</html>
<!DOCTYPE html><html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Change password - ToNav</title><link rel="stylesheet" href="/static/css/admin.css"><script>document.documentElement.classList.toggle('dark',localStorage.getItem('tonav-theme')==='dark')</script></head><body><div class="login-shell"><div class="login-box"><div class="login-brand">Change password</div><div class="login-sub">Update your administrator credentials</div><div class="alert">For security, the initial password must be changed before continuing.</div>{{ if .error }}<div class="error-box">{{ .error }}</div>{{ end }}<form method="POST"><div class="form-group"><label>Current password</label><input class="input" type="password" name="old_password" required autocomplete="current-password"></div><div class="form-group"><label>New password</label><input class="input" type="password" name="new_password" minlength="6" required autocomplete="new-password"></div><div class="form-group"><label>Confirm new password</label><input class="input" type="password" name="confirm_password" minlength="6" required autocomplete="new-password"></div><button class="btn btn-primary" type="submit">Update password</button></form></div></div></body></html>