dekun/market_intel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: center entire page layout with shared container

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files
web/dist/index.html
Vendored
+6 -3
View File
@@ -15,13 +15,14 @@
font-family: "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif; font-family: "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
background: radial-gradient(1200px 600px at 10% -10%, #1a2a3d 0%, transparent 55%), var(--bg); 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; } .brand { font-size: 1.35rem; font-weight: 700; }
.sub { color: var(--muted); margin-top: 0.35rem; font-size: 0.9rem; } .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 { color: var(--muted); text-decoration: none; cursor: pointer; }
.nav a.active, .nav a:hover { color: var(--accent); } .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; } .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; } .tile { background: var(--panel); border: 1px solid #243041; border-radius: 10px; padding: 1rem 1.1rem; }
.label { color: var(--muted); font-size: 0.8rem; } .label { color: var(--muted); font-size: 0.8rem; }
@@ -51,6 +52,7 @@
</style> </style>
</head> </head>
<body> <body>
<div class="layout">
<header> <header>
<div class="brand">比特骆驼行情采集分析</div> <div class="brand">比特骆驼行情采集分析</div>
<div class="sub">只读采集 · 杠杆 = 指数 ÷ 卖一 · Asia/Shanghai</div> <div class="sub">只读采集 · 杠杆 = 指数 ÷ 卖一 · Asia/Shanghai</div>
@@ -146,6 +148,7 @@
</div> </div>
</section> </section>
</main> </main>
</div>
<script> <script>
const TOKEN_KEY = "mi_token"; const TOKEN_KEY = "mi_token";
const state = { page: "dash", range: "day", side: "both", moveMode: "abs", lastMov: null, authRequired: false, loadedUsername: "admin" }; const state = { page: "dash", range: "day", side: "both", moveMode: "abs", lastMov: null, authRequired: false, loadedUsername: "admin" };
web/src/styles.css
+2 -1
View File
@@ -10,6 +10,7 @@
* { box-sizing: border-box; } * { box-sizing: border-box; }
body { body {
margin: 0; margin: 0;
min-height: 100vh;
font-family: "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif; font-family: "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
color: var(--text); color: var(--text);
background: background:
@@ -17,7 +18,7 @@ body {
var(--bg); var(--bg);
} }
a { color: var(--accent); text-decoration: none; } 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; } .brand { font-size: 1.35rem; font-weight: 700; }
.sub { color: var(--muted); margin: 0.35rem 0 1.25rem; } .sub { color: var(--muted); margin: 0.35rem 0 1.25rem; }
.nav { display: flex; gap: 1rem; margin-bottom: 1.25rem; flex-wrap: wrap; } .nav { display: flex; gap: 1rem; margin-bottom: 1.25rem; flex-wrap: wrap; }