Spaces:
Running
Running
Remove debug info and optimize stat card layout for better text display
Browse files
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:
|
| 403 |
-
.stat{ background:#F6F8FB; border:1px solid #E7ECF3; border-radius:10px; padding:8px; min-width:0; }
|
| 404 |
-
.stat-label{ font-size:
|
| 405 |
-
.stat-value{ font-weight:
|
| 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 |
|