Upload 7 files
Browse files- static/admin.html +5 -1
- static/index.html +16 -12
- static/models.html +16 -12
- static/style.css +74 -35
static/admin.html
CHANGED
|
@@ -183,6 +183,10 @@
|
|
| 183 |
<p class="status-text" id="login-status"></p>
|
| 184 |
</div>
|
| 185 |
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
| 186 |
<script src="/static/admin.js" charset="utf-8" defer></script>
|
| 187 |
</body>
|
| 188 |
-
</html>
|
|
|
|
| 183 |
<p class="status-text" id="login-status"></p>
|
| 184 |
</div>
|
| 185 |
</div>
|
| 186 |
+
<footer class="page-repo-footer page-repo-footer-admin">
|
| 187 |
+
<span>GitHub</span>
|
| 188 |
+
<a href="https://github.com/Geek66666/nim4cc" target="_blank" rel="noreferrer">https://github.com/Geek66666/nim4cc</a>
|
| 189 |
+
</footer>
|
| 190 |
<script src="/static/admin.js" charset="utf-8" defer></script>
|
| 191 |
</body>
|
| 192 |
+
</html>
|
static/index.html
CHANGED
|
@@ -29,11 +29,11 @@
|
|
| 29 |
|
| 30 |
<section class="health-summary-grid" id="overview-cards"></section>
|
| 31 |
|
| 32 |
-
<section class="health-board-panel">
|
| 33 |
-
<div class="board-header-row">
|
| 34 |
-
<div>
|
| 35 |
-
<span class="mini-badge subtle">健康趋势</span>
|
| 36 |
-
<h2>最近 10 分钟成功率矩阵</h2>
|
| 37 |
</div>
|
| 38 |
<div class="board-meta-box">
|
| 39 |
<span>最近更新</span>
|
|
@@ -42,11 +42,15 @@
|
|
| 42 |
</div>
|
| 43 |
|
| 44 |
<div class="timeline-header" id="timeline-header"></div>
|
| 45 |
-
<div class="health-list" id="health-grid"></div>
|
| 46 |
-
<p class="panel-hint" id="dashboard-empty"></p>
|
| 47 |
-
</section>
|
| 48 |
-
</main>
|
| 49 |
-
<
|
| 50 |
-
|
| 51 |
-
</
|
|
|
|
|
|
|
|
|
|
|
|
|
| 52 |
|
|
|
|
| 29 |
|
| 30 |
<section class="health-summary-grid" id="overview-cards"></section>
|
| 31 |
|
| 32 |
+
<section class="health-board-panel">
|
| 33 |
+
<div class="board-header-row">
|
| 34 |
+
<div>
|
| 35 |
+
<span class="mini-badge subtle">健康趋势</span>
|
| 36 |
+
<h2>最近 10 分钟成功率矩阵</h2>
|
| 37 |
</div>
|
| 38 |
<div class="board-meta-box">
|
| 39 |
<span>最近更新</span>
|
|
|
|
| 42 |
</div>
|
| 43 |
|
| 44 |
<div class="timeline-header" id="timeline-header"></div>
|
| 45 |
+
<div class="health-list" id="health-grid"></div>
|
| 46 |
+
<p class="panel-hint" id="dashboard-empty"></p>
|
| 47 |
+
</section>
|
| 48 |
+
</main>
|
| 49 |
+
<footer class="page-repo-footer">
|
| 50 |
+
<span>GitHub</span>
|
| 51 |
+
<a href="https://github.com/Geek66666/nim4cc" target="_blank" rel="noreferrer">https://github.com/Geek66666/nim4cc</a>
|
| 52 |
+
</footer>
|
| 53 |
+
<script src="/static/public.js" charset="utf-8" defer></script>
|
| 54 |
+
</body>
|
| 55 |
+
</html>
|
| 56 |
|
static/models.html
CHANGED
|
@@ -35,11 +35,11 @@
|
|
| 35 |
<div class="provider-filter-bar" id="provider-filter-bar"></div>
|
| 36 |
</section>
|
| 37 |
|
| 38 |
-
<section class="catalog-board-panel">
|
| 39 |
-
<div class="board-header-row">
|
| 40 |
-
<div>
|
| 41 |
-
<span class="mini-badge subtle">模型目录</span>
|
| 42 |
-
<h2>提供商卡片列表</h2>
|
| 43 |
</div>
|
| 44 |
<div class="board-meta-box">
|
| 45 |
<span>同步时间</span>
|
|
@@ -47,11 +47,15 @@
|
|
| 47 |
</div>
|
| 48 |
</div>
|
| 49 |
|
| 50 |
-
<div class="provider-grid" id="provider-grid"></div>
|
| 51 |
-
<p class="panel-hint" id="catalog-empty"></p>
|
| 52 |
-
</section>
|
| 53 |
-
</main>
|
| 54 |
-
<
|
| 55 |
-
|
| 56 |
-
</
|
|
|
|
|
|
|
|
|
|
|
|
|
| 57 |
|
|
|
|
| 35 |
<div class="provider-filter-bar" id="provider-filter-bar"></div>
|
| 36 |
</section>
|
| 37 |
|
| 38 |
+
<section class="catalog-board-panel">
|
| 39 |
+
<div class="board-header-row">
|
| 40 |
+
<div>
|
| 41 |
+
<span class="mini-badge subtle">模型目录</span>
|
| 42 |
+
<h2>提供商卡片列表</h2>
|
| 43 |
</div>
|
| 44 |
<div class="board-meta-box">
|
| 45 |
<span>同步时间</span>
|
|
|
|
| 47 |
</div>
|
| 48 |
</div>
|
| 49 |
|
| 50 |
+
<div class="provider-grid" id="provider-grid"></div>
|
| 51 |
+
<p class="panel-hint" id="catalog-empty"></p>
|
| 52 |
+
</section>
|
| 53 |
+
</main>
|
| 54 |
+
<footer class="page-repo-footer">
|
| 55 |
+
<span>GitHub</span>
|
| 56 |
+
<a href="https://github.com/Geek66666/nim4cc" target="_blank" rel="noreferrer">https://github.com/Geek66666/nim4cc</a>
|
| 57 |
+
</footer>
|
| 58 |
+
<script src="/static/models.js" charset="utf-8" defer></script>
|
| 59 |
+
</body>
|
| 60 |
+
</html>
|
| 61 |
|
static/style.css
CHANGED
|
@@ -484,28 +484,61 @@ body {
|
|
| 484 |
flex-shrink: 0;
|
| 485 |
}
|
| 486 |
|
| 487 |
-
.panel-hint {
|
| 488 |
-
margin-top: 16px;
|
| 489 |
-
}
|
| 490 |
-
|
| 491 |
-
|
| 492 |
-
|
| 493 |
-
|
| 494 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 495 |
grid-template-columns: 260px repeat(12, minmax(26px, 1fr));
|
| 496 |
}
|
| 497 |
}
|
| 498 |
|
| 499 |
-
@media (max-width: 980px) {
|
| 500 |
-
.health-page-shell,
|
| 501 |
-
.catalog-page-shell {
|
| 502 |
-
width: min(100vw - 24px, 1560px);
|
| 503 |
-
}
|
| 504 |
-
|
| 505 |
-
.
|
| 506 |
-
|
| 507 |
-
|
| 508 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
| 509 |
|
| 510 |
.timeline-header {
|
| 511 |
display: none;
|
|
@@ -522,11 +555,11 @@ body {
|
|
| 522 |
|
| 523 |
}
|
| 524 |
|
| 525 |
-
@media (max-width: 720px) {
|
| 526 |
-
.health-topbar,
|
| 527 |
-
.catalog-topbar,
|
| 528 |
-
.health-board-panel,
|
| 529 |
-
.catalog-filter-panel,
|
| 530 |
.catalog-board-panel {
|
| 531 |
padding: 20px;
|
| 532 |
}
|
|
@@ -557,17 +590,23 @@ body {
|
|
| 557 |
height: 72px;
|
| 558 |
}
|
| 559 |
|
| 560 |
-
.health-row-copy h3 {
|
| 561 |
-
font-size: 19px;
|
| 562 |
-
}
|
| 563 |
-
|
| 564 |
-
.health-cells {
|
| 565 |
-
gap: 6px;
|
| 566 |
}
|
| 567 |
|
| 568 |
-
.health-cell,
|
| 569 |
-
.timeline-label {
|
| 570 |
-
width: 34px;
|
| 571 |
-
height: 34px;
|
| 572 |
-
}
|
| 573 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 484 |
flex-shrink: 0;
|
| 485 |
}
|
| 486 |
|
| 487 |
+
.panel-hint {
|
| 488 |
+
margin-top: 16px;
|
| 489 |
+
}
|
| 490 |
+
|
| 491 |
+
.page-repo-footer {
|
| 492 |
+
width: min(1560px, calc(100vw - 56px));
|
| 493 |
+
margin: 0 auto 28px;
|
| 494 |
+
padding: 0 4px;
|
| 495 |
+
display: flex;
|
| 496 |
+
justify-content: center;
|
| 497 |
+
align-items: center;
|
| 498 |
+
gap: 10px;
|
| 499 |
+
flex-wrap: wrap;
|
| 500 |
+
color: var(--muted);
|
| 501 |
+
font-size: 14px;
|
| 502 |
+
}
|
| 503 |
+
|
| 504 |
+
.page-repo-footer a {
|
| 505 |
+
color: var(--cyan-deep);
|
| 506 |
+
text-decoration: none;
|
| 507 |
+
word-break: break-all;
|
| 508 |
+
}
|
| 509 |
+
|
| 510 |
+
.page-repo-footer a:hover {
|
| 511 |
+
text-decoration: underline;
|
| 512 |
+
}
|
| 513 |
+
|
| 514 |
+
.page-repo-footer-admin {
|
| 515 |
+
position: relative;
|
| 516 |
+
z-index: 1;
|
| 517 |
+
margin-top: 22px;
|
| 518 |
+
}
|
| 519 |
+
|
| 520 |
+
@media (max-width: 1200px) {
|
| 521 |
+
.timeline-header,
|
| 522 |
+
.health-row-card,
|
| 523 |
+
.health-cells {
|
| 524 |
grid-template-columns: 260px repeat(12, minmax(26px, 1fr));
|
| 525 |
}
|
| 526 |
}
|
| 527 |
|
| 528 |
+
@media (max-width: 980px) {
|
| 529 |
+
.health-page-shell,
|
| 530 |
+
.catalog-page-shell {
|
| 531 |
+
width: min(100vw - 24px, 1560px);
|
| 532 |
+
}
|
| 533 |
+
|
| 534 |
+
.page-repo-footer {
|
| 535 |
+
width: min(100vw - 24px, 1560px);
|
| 536 |
+
}
|
| 537 |
+
|
| 538 |
+
.health-summary-grid,
|
| 539 |
+
.catalog-summary-grid {
|
| 540 |
+
grid-template-columns: repeat(2, minmax(0, 1fr));
|
| 541 |
+
}
|
| 542 |
|
| 543 |
.timeline-header {
|
| 544 |
display: none;
|
|
|
|
| 555 |
|
| 556 |
}
|
| 557 |
|
| 558 |
+
@media (max-width: 720px) {
|
| 559 |
+
.health-topbar,
|
| 560 |
+
.catalog-topbar,
|
| 561 |
+
.health-board-panel,
|
| 562 |
+
.catalog-filter-panel,
|
| 563 |
.catalog-board-panel {
|
| 564 |
padding: 20px;
|
| 565 |
}
|
|
|
|
| 590 |
height: 72px;
|
| 591 |
}
|
| 592 |
|
| 593 |
+
.health-row-copy h3 {
|
| 594 |
+
font-size: 19px;
|
| 595 |
+
}
|
| 596 |
+
|
| 597 |
+
.health-cells {
|
| 598 |
+
gap: 6px;
|
| 599 |
}
|
| 600 |
|
| 601 |
+
.health-cell,
|
| 602 |
+
.timeline-label {
|
| 603 |
+
width: 34px;
|
| 604 |
+
height: 34px;
|
| 605 |
+
}
|
| 606 |
+
|
| 607 |
+
.page-repo-footer {
|
| 608 |
+
margin-bottom: 22px;
|
| 609 |
+
font-size: 13px;
|
| 610 |
+
text-align: center;
|
| 611 |
+
}
|
| 612 |
+
}
|