niuniu/sub2api-cn-relay-manager
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(portal): migrate 8 pages to portal.css+portal.js design system

Browse Source 
Each page now uses the new page-hero + stat-card + statusbar pattern
with the Linear/Vercel-aligned token system, while preserving all
admin-common.js nav render contract and 70+ test-contract strings.

- public portal: index.html (1816 → 1280 lines)
- admin entry: admin/index.html
- admin pages: logical-groups / route-health / accounts / providers
- batch import: admin/batch-import.html (39-line redirect to
  admin-batch-import.html for legacy URL compatibility)
- admin-batch-import.html: real legacy URL handler page

Verified:
- bash scripts/test/test_tksea_portal_assets.sh → PASS
- bash scripts/test/verify_frontend_smoke.sh → PASS (all 7 admin
  pages + public portal render with smoke-admin / Smoke Logical
  Group / Smoke Provider Account / smoke-route-primary visible)
- 8 screenshot artifacts at /tmp/portal-screenshots/ (1440×2400
  chromium headless, 269KB–1.2MB each = real content)
This commit is contained in:
phamnazage-jpg
2026-06-03 09:11:07 +08:00
parent 3a9061e11d
commit cc8fc900ca
8 changed files with 2720 additions and 3202 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
deploy/tksea-portal/admin/batch-import.html
View File

@@ -5,35 +5,28 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Batch Import Admin Redirect</title>
<meta http-equiv="refresh" content="0; url=/portal/admin-batch-import.html">
<link rel="stylesheet" href="/portal/portal.css">
<link rel="stylesheet" href="/portal/admin-common.css">
<style>
body {
margin: 0;
min-height: 100vh;
display: grid;
place-items: center;
font-family: "IBM Plex Sans", "Noto Sans SC", "PingFang SC", sans-serif;
background: linear-gradient(180deg, #f8f3ea 0%, #efe5d7 100%);
color: #1f1a16;
}
.card {
.redirect-card {
width: min(34rem, calc(100vw - 2rem));
padding: 28px;
border-radius: 24px;
border: 1px solid rgba(31, 26, 22, 0.12);
background: rgba(255,252,246,0.92);
box-shadow: 0 20px 60px rgba(46, 37, 28, 0.08);
}
a {
color: #0c6cc9;
font-weight: 700;
border-radius: var(--r-xl);
border: 1px solid var(--border-subtle);
background: var(--bg-elev-1);
box-shadow: var(--shadow-glass);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
}
.redirect-card a { color: var(--color-primary); font-weight: 700; }
</style>
</head>
<body>
<main class="card">
<h1>正在跳转到导入供应商帐号页面</h1>
<p>如果浏览器没有自动跳转，请手动打开：</p>
<p><a href="/portal/admin-batch-import.html">/portal/admin-batch-import.html</a></p>
<main class="redirect-card">
<h1 style="margin:0 0 8px;font-size:20px;font-weight:700;color:var(--text-strong);">正在跳转到导入供应商帐号页面</h1>
<p style="margin:8px 0;color:var(--text-muted);font-size:13px;line-height:1.6;">如果浏览器没有自动跳转，请手动打开：</p>
<p style="margin:8px 0 0;"><a href="/portal/admin-batch-import.html">/portal/admin-batch-import.html</a></p>
</main>
<script src="/portal/portal.js"></script>
</body>
</html>