Spaces:
Running
Running
Move About text to first page only, below toolbar
Browse files- src/components/HeaderOpen.vue +0 -19
- src/views/LiveView.vue +24 -0
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 ======= */
|