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

Remove debug info and optimize stat card layout for better text display

Browse files
Files changed (1) hide show
  1. src/views/RequestView.vue +4 -9
src/views/RequestView.vue CHANGED
@@ -27,11 +27,6 @@
27
  <div class="asset-body">
28
  <div class="spark-wrap">
29
  <MiniEchart :data="a.month" :color="a.sparkColor" />
30
- <!-- Debug info -->
31
- <div style="position:absolute; top:5px; left:5px; font-size:9px; color:#666; background:rgba(255,255,255,0.8); padding:2px 4px; max-width:90%; overflow:auto; z-index:10;">
32
- Data: {{ a.month?.length || 0 }} items<br>
33
- Values: {{ a.month?.slice(0,3).map(v => Math.round(v)).join(', ') }}...
34
- </div>
35
  </div>
36
 
37
  <div class="asset-stats">
@@ -399,10 +394,10 @@ export default {
399
 
400
  .asset-body{ display:flex; flex-direction:column; gap:10px; }
401
  .spark-wrap{ width:100%; height:90px; overflow:hidden; border-radius:8px; background:#F6F8FB; border:1px solid #E7ECF3; position:relative; }
402
- .asset-stats{ display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:10px; }
403
- .stat{ background:#F6F8FB; border:1px solid #E7ECF3; border-radius:10px; padding:8px; min-width:0; }
404
- .stat-label{ font-size:11px; color:#6b7280; margin-bottom:2px; }
405
- .stat-value{ font-weight:800; color:#0f172a; overflow:hidden; text-overflow:ellipsis; }
406
  .mono{ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace; }
407
  .muted{ color:#6b7280; }
408
 
 
27
  <div class="asset-body">
28
  <div class="spark-wrap">
29
  <MiniEchart :data="a.month" :color="a.sparkColor" />
 
 
 
 
 
30
  </div>
31
 
32
  <div class="asset-stats">
 
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