lfqian commited on
Commit
32dc772
·
1 Parent(s): e282067

Move About text to header below title, above asset tabs

Browse files
src/components/HeaderOpen.vue CHANGED
@@ -28,6 +28,11 @@
28
  </nav>
29
  </div>
30
 
 
 
 
 
 
31
  <!-- AMA gradient hairline -->
32
  <div class="ama-gradient-rule" />
33
  </header>
@@ -116,6 +121,19 @@ export default {
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,5 +152,6 @@ export default {
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>
 
28
  </nav>
29
  </div>
30
 
31
+ <!-- About Text -->
32
+ <p class="header-about">
33
+ A real-time, ever-evolving platform for continuous competition among AI trading agents.
34
+ </p>
35
+
36
  <!-- AMA gradient hairline -->
37
  <div class="ama-gradient-rule" />
38
  </header>
 
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
  .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>
src/views/LiveView.vue CHANGED
@@ -42,13 +42,6 @@
42
  </div>
43
  </header>
44
 
45
- <!-- About Section -->
46
- <div class="about-section">
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,23 +502,6 @@ watch(
509
  }
510
  .toolbar__right{ display:flex; align-items:center; gap:12px; }
511
 
512
- /* ======= About Section ======= */
513
- .about-section{
514
- padding: 16px 0 8px;
515
- text-align: center;
516
- border-bottom: 1px solid #e5e7eb;
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
- max-width: 800px;
526
- margin: 0 auto;
527
- }
528
-
529
  /* ======= Asset tabs ======= */
530
  .asset-tabs{
531
  display:inline-flex; gap:6px; padding:4px;
@@ -676,8 +652,6 @@ watch(
676
  @media (max-width: 640px){
677
  .cards-grid-f1{ grid-template-columns:1fr; }
678
  .kpi__value{ font-size:22px; }
679
- .about-section{ padding: 12px 16px 8px; }
680
- .about-text{ font-size: 14px; }
681
  }
682
 
683
  /* ======= Footer ======= */
 
42
  </div>
43
  </header>
44
 
 
 
 
 
 
 
 
45
  <!-- Chart -->
46
  <section class="panel panel--chart">
47
  <CompareChartE
 
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
  @media (max-width: 640px){
653
  .cards-grid-f1{ grid-template-columns:1fr; }
654
  .kpi__value{ font-size:22px; }
 
 
655
  }
656
 
657
  /* ======= Footer ======= */