cacodex commited on
Commit
210d5ed
·
verified ·
1 Parent(s): c0139c7

Upload 7 files

Browse files
Files changed (4) hide show
  1. static/admin.html +5 -1
  2. static/index.html +16 -12
  3. static/models.html +16 -12
  4. 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
- <script src="/static/public.js" charset="utf-8" defer></script>
50
- </body>
51
- </html>
 
 
 
 
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
- <script src="/static/models.js" charset="utf-8" defer></script>
55
- </body>
56
- </html>
 
 
 
 
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
- @media (max-width: 1200px) {
492
- .timeline-header,
493
- .health-row-card,
494
- .health-cells {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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
- .health-summary-grid,
506
- .catalog-summary-grid {
507
- grid-template-columns: repeat(2, minmax(0, 1fr));
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
+ }