Spaces:
Running
Running
Move About text to header below title, above asset tabs
Browse files- src/components/HeaderOpen.vue +19 -0
- src/views/LiveView.vue +0 -26
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 ======= */
|