Spaces:
Running
Running
Change 1M to Return and optimize stat card layout for better readability
Browse files
src/views/RequestView.vue
CHANGED
|
@@ -31,7 +31,7 @@
|
|
| 31 |
|
| 32 |
<div class="asset-stats">
|
| 33 |
<div class="stat">
|
| 34 |
-
<div class="stat-label">
|
| 35 |
<div class="stat-value mono" :class="a.change1m >= 0 ? 'pos' : 'neg'">
|
| 36 |
{{ signedPct(a.change1m) }}
|
| 37 |
</div>
|
|
@@ -394,10 +394,10 @@ export default {
|
|
| 394 |
|
| 395 |
.asset-body{ display:flex; flex-direction:column; gap:10px; }
|
| 396 |
.spark-wrap{ width:100%; height:90px; overflow:hidden; border-radius:8px; background:#F6F8FB; border:1px solid #E7ECF3; position:relative; }
|
| 397 |
-
.asset-stats{ display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:
|
| 398 |
-
.stat{ background:#F6F8FB; border:1px solid #E7ECF3; border-radius:
|
| 399 |
-
.stat-label{ font-size:
|
| 400 |
-
.stat-value{ font-weight:700; font-size:
|
| 401 |
.mono{ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace; }
|
| 402 |
.muted{ color:#6b7280; }
|
| 403 |
|
|
|
|
| 31 |
|
| 32 |
<div class="asset-stats">
|
| 33 |
<div class="stat">
|
| 34 |
+
<div class="stat-label">Return</div>
|
| 35 |
<div class="stat-value mono" :class="a.change1m >= 0 ? 'pos' : 'neg'">
|
| 36 |
{{ signedPct(a.change1m) }}
|
| 37 |
</div>
|
|
|
|
| 394 |
|
| 395 |
.asset-body{ display:flex; flex-direction:column; gap:10px; }
|
| 396 |
.spark-wrap{ width:100%; height:90px; overflow:hidden; border-radius:8px; background:#F6F8FB; border:1px solid #E7ECF3; position:relative; }
|
| 397 |
+
.asset-stats{ display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:6px; }
|
| 398 |
+
.stat{ background:#F6F8FB; border:1px solid #E7ECF3; border-radius:8px; padding:4px 6px; min-width:0; display:flex; flex-direction:column; align-items:center; text-align:center; }
|
| 399 |
+
.stat-label{ font-size:9px; color:#6b7280; margin-bottom:2px; white-space:nowrap; }
|
| 400 |
+
.stat-value{ font-weight:700; font-size:11.5px; color:#0f172a; line-height:1.2; }
|
| 401 |
.mono{ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace; }
|
| 402 |
.muted{ color:#6b7280; }
|
| 403 |
|