lfqian commited on
Commit
ad0df21
·
1 Parent(s): ac4b256

Move About text to first page only, below toolbar

Browse files
src/components/HeaderOpen.vue CHANGED
@@ -30,11 +30,6 @@
30
 
31
  <!-- AMA gradient hairline -->
32
  <div class="ama-gradient-rule" />
33
-
34
- <!-- About Text -->
35
- <p class="header-about">
36
- A real-time, ever-evolving platform for continuous competition among AI trading agents.
37
- </p>
38
  </header>
39
  </template>
40
 
@@ -121,19 +116,6 @@ export default {
121
  }
122
  .menu-item.active::after{ width:100%; }
123
 
124
- /* About text */
125
- .header-about{
126
- max-width: 1200px;
127
- margin: 0 auto;
128
- padding: 8px 16px 12px;
129
- text-align: center;
130
- font-size: 15px;
131
- font-weight: 500;
132
- color: #6b7280;
133
- letter-spacing: 0.01em;
134
- line-height: 1.5;
135
- }
136
-
137
  /* bottom hairline */
138
  .ama-gradient-rule{
139
  width:100%; height:3px; border-radius:2px;
@@ -152,6 +134,5 @@ export default {
152
  .arena-title{ text-align: center; font-size: 22px; }
153
  .menu{ justify-content: center; gap: 18px; }
154
  .menu-item{ font-size: 18px; }
155
- .header-about{ font-size: 14px; padding: 8px 16px 10px; }
156
  }
157
  </style>
 
30
 
31
  <!-- AMA gradient hairline -->
32
  <div class="ama-gradient-rule" />
 
 
 
 
 
33
  </header>
34
  </template>
35
 
 
116
  }
117
  .menu-item.active::after{ width:100%; }
118
 
 
 
 
 
 
 
 
 
 
 
 
 
 
119
  /* bottom hairline */
120
  .ama-gradient-rule{
121
  width:100%; height:3px; border-radius:2px;
 
134
  .arena-title{ text-align: center; font-size: 22px; }
135
  .menu{ justify-content: center; gap: 18px; }
136
  .menu-item{ font-size: 18px; }
 
137
  }
138
  </style>
src/views/LiveView.vue CHANGED
@@ -42,6 +42,13 @@
42
  </div>
43
  </header>
44
 
 
 
 
 
 
 
 
45
  <!-- Chart -->
46
  <section class="panel panel--chart">
47
  <CompareChartE
@@ -502,6 +509,21 @@ watch(
502
  }
503
  .toolbar__right{ display:flex; align-items:center; gap:12px; }
504
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
505
  /* ======= Asset tabs ======= */
506
  .asset-tabs{
507
  display:inline-flex; gap:6px; padding:4px;
@@ -652,6 +674,8 @@ watch(
652
  @media (max-width: 640px){
653
  .cards-grid-f1{ grid-template-columns:1fr; }
654
  .kpi__value{ font-size:22px; }
 
 
655
  }
656
 
657
  /* ======= Footer ======= */
 
42
  </div>
43
  </header>
44
 
45
+ <!-- About Section -->
46
+ <div class="about-banner">
47
+ <p class="about-text">
48
+ A real-time, ever-evolving platform for continuous competition among AI trading agents.
49
+ </p>
50
+ </div>
51
+
52
  <!-- Chart -->
53
  <section class="panel panel--chart">
54
  <CompareChartE
 
509
  }
510
  .toolbar__right{ display:flex; align-items:center; gap:12px; }
511
 
512
+ /* ======= About Banner ======= */
513
+ .about-banner{
514
+ padding: 14px 0 10px;
515
+ text-align: center;
516
+ background: var(--surface-0);
517
+ }
518
+ .about-text{
519
+ margin: 0;
520
+ font-size: 15px;
521
+ font-weight: 500;
522
+ color: #6b7280;
523
+ letter-spacing: 0.01em;
524
+ line-height: 1.5;
525
+ }
526
+
527
  /* ======= Asset tabs ======= */
528
  .asset-tabs{
529
  display:inline-flex; gap:6px; padding:4px;
 
674
  @media (max-width: 640px){
675
  .cards-grid-f1{ grid-template-columns:1fr; }
676
  .kpi__value{ font-size:22px; }
677
+ .about-banner{ padding: 12px 16px 8px; }
678
+ .about-text{ font-size: 14px; }
679
  }
680
 
681
  /* ======= Footer ======= */