fix: center entire page layout with shared container
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Vendored
+6
-3
@@ -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
@@ -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; }
|
||||
|
||||
Reference in New Issue
Block a user