feat(auth): 更新登录页面文本和样式，移除HTTPS提示

QLHazyCoder · QLHazyCoder · commit 2deb5e40c536 · 2026-04-24T17:21:47.000+08:00
diff --git a/src/routes/admin/auth-page-i18n.ts b/src/routes/admin/auth-page-i18n.ts
@@ -16,16 +16,11 @@ const authPageMessages: Record<AuthPageLocale, AuthPageMessages> = {
     "language.en": "English",
     "language.zhCN": "Simplified Chinese",
     "common.managementSecret": "Management Secret",
-    "common.requiresHttpsNote":
-      "Public admin access requires HTTPS. Localhost access remains available for setup and development.",
     "login.pageTitle": "Copilot API - Admin Login",
     "login.badge": "Admin Access",
-    "login.title": "Management Secret Login",
+    "login.title": "Admin Console Login",
     "login.description":
       "Enter the management secret to access the copilot-api admin dashboard.",
-    "login.scope": "Scope",
-    "login.scopeValue":
-      "Admin page and all /admin/api/* routes",
     "login.submit": "Sign In",
     "login.error.required": "Management secret is required.",
     "login.error.failed": "Failed to sign in.",
@@ -66,16 +61,11 @@ const authPageMessages: Record<AuthPageLocale, AuthPageMessages> = {
     "language.en": "English",
     "language.zhCN": "简体中文",
     "common.managementSecret": "管理密钥",
-    "common.requiresHttpsNote":
-      "公网访问 Admin 页面时必须使用 HTTPS。localhost 本地初始化和开发访问不受影响。",
     "login.pageTitle": "Copilot API - Admin 登录",
     "login.badge": "管理入口",
-    "login.title": "管理密钥登录",
+    "login.title": "管理端登录",
     "login.description":
       "请输入管理密钥以访问 copilot-api 的后台管理页面。",
-    "login.scope": "作用范围",
-    "login.scopeValue":
-      "Admin 页面与全部 /admin/api/* 路由",
     "login.submit": "登录",
     "login.error.required": "请输入管理密钥。",
     "login.error.failed": "登录失败。",
@@ -230,13 +220,8 @@ export function renderAuthPageLocaleScript(options: {
       setText('pageBadge', t('login.badge'));
       setText('pageTitleText', t('login.title'));
       setText('pageDescription', t('login.description'));
-      setText('scopeLabel', t('login.scope'));
-      setText('scopeValue', t('login.scopeValue'));
       setText('secretLabel', t('common.managementSecret'));
       setText('submitButtonText', t('login.submit'));
-      if (AUTH_PAGE_CONFIG.requiresHttps) {
-        setText('httpsNote', t('common.requiresHttpsNote'));
-      }
     }
 
     function applySetupLocale() {
diff --git a/src/routes/admin/login-html.ts b/src/routes/admin/login-html.ts
@@ -20,10 +20,6 @@ export function renderAdminLoginHtml(options: {
   requiresHttps: boolean
 }): string {
   const messages = getAuthPageMessages(options.locale)
-  const requiresHttpsNote =
-    options.requiresHttps ?
-      `<p class="hint" id="httpsNote">${escapeHtml(messages["common.requiresHttpsNote"])}</p>`
-    : `<p class="hint" id="httpsNote" style="display:none"></p>`
 
   return `<!DOCTYPE html>
 <html lang="${escapeHtml(options.locale)}">
@@ -61,7 +57,7 @@ export function renderAdminLoginHtml(options: {
         font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
       }
       .panel {
-        width: min(420px, 100%);
+        width: min(520px, 100%);
         border: 1px solid var(--border-default);
         border-radius: var(--radius-md);
         background: linear-gradient(180deg, rgba(27, 42, 59, 0.96), var(--bg-panel));
@@ -124,6 +120,10 @@ export function renderAdminLoginHtml(options: {
         gap: 8px;
         font-size: 14px;
       }
+      #loginForm {
+        display: grid;
+        gap: 18px;
+      }
       input {
         width: 100%;
         padding: 12px 14px;
@@ -198,10 +198,6 @@ export function renderAdminLoginHtml(options: {
         <p id="pageDescription">${escapeHtml(messages["login.description"])}</p>
       </section>
       <section class="panel-body">
-        <div class="meta">
-          <p><strong id="scopeLabel">${escapeHtml(messages["login.scope"])}</strong>: <span id="scopeValue">${escapeHtml(messages["login.scopeValue"])}</span></p>
-        </div>
-        ${requiresHttpsNote}
         <div class="error" id="errorBox" role="alert"></div>
         <form id="loginForm">
           <label for="adminSecret">
