fix: center entire page layout with shared container

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-08-02 09:02:34 +08:00
parent ed62fc1715
commit 97fb95436f
2 changed files with 8 additions and 4 deletions
+6 -3
View File
@@ -15,13 +15,14 @@
font-family: "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
background: radial-gradient(1200px 600px at 10% -10%, #1a2a3d 0%, transparent 55%), var(--bg);
}
header { padding: 1.5rem 2rem 0.75rem; border-bottom: 1px solid #243041; }
.layout { max-width: 980px; margin: 0 auto; padding: 1.5rem 1.5rem 3rem; }
header { padding-bottom: 0.75rem; border-bottom: 1px solid #243041; margin-bottom: 0.75rem; }
.brand { font-size: 1.35rem; font-weight: 700; }
.sub { color: var(--muted); margin-top: 0.35rem; font-size: 0.9rem; }
.nav { display: flex; gap: 1rem; padding: 0.75rem 2rem; }
.nav { display: flex; gap: 1rem; flex-wrap: wrap; margin-bottom: 1.25rem; }
.nav a { color: var(--muted); text-decoration: none; cursor: pointer; }
.nav a.active, .nav a:hover { color: var(--accent); }
main { padding: 1rem 2rem 3rem; max-width: 980px; }
main { padding: 0; }
.row { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 1rem; }
.tile { background: var(--panel); border: 1px solid #243041; border-radius: 10px; padding: 1rem 1.1rem; }
.label { color: var(--muted); font-size: 0.8rem; }
@@ -51,6 +52,7 @@
</style>
</head>
<body>
<div class="layout">
<header>
<div class="brand">比特骆驼行情采集分析</div>
<div class="sub">只读采集 · 杠杆 = 指数 ÷ 卖一 · Asia/Shanghai</div>
@@ -146,6 +148,7 @@
</div>
</section>
</main>
</div>
<script>
const TOKEN_KEY = "mi_token";
const state = { page: "dash", range: "day", side: "both", moveMode: "abs", lastMov: null, authRequired: false, loadedUsername: "admin" };
+2 -1
View File
@@ -10,6 +10,7 @@
* { box-sizing: border-box; }
body {
margin: 0;
min-height: 100vh;
font-family: "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
color: var(--text);
background:
@@ -17,7 +18,7 @@ body {
var(--bg);
}
a { color: var(--accent); text-decoration: none; }
.layout { max-width: 980px; margin: 0 auto; padding: 1.5rem; }
.layout { max-width: 980px; width: 100%; margin: 0 auto; padding: 1.5rem; box-sizing: border-box; }
.brand { font-size: 1.35rem; font-weight: 700; }
.sub { color: var(--muted); margin: 0.35rem 0 1.25rem; }
.nav { display: flex; gap: 1rem; margin-bottom: 1.25rem; flex-wrap: wrap; }