lfqian commited on
Commit
ea281dc
·
1 Parent(s): bf75788

Change 1M to Return and optimize stat card layout for better readability

Browse files
Files changed (1) hide show
  1. src/views/RequestView.vue +5 -5
src/views/RequestView.vue CHANGED
@@ -31,7 +31,7 @@
31
 
32
  <div class="asset-stats">
33
  <div class="stat">
34
- <div class="stat-label">1M</div>
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:8px; }
398
- .stat{ background:#F6F8FB; border:1px solid #E7ECF3; border-radius:10px; padding:6px 8px; min-width:0; display:flex; flex-direction:column; }
399
- .stat-label{ font-size:10px; color:#6b7280; margin-bottom:3px; white-space:nowrap; }
400
- .stat-value{ font-weight:700; font-size:13px; color:#0f172a; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
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