Spaces:
Sleeping
Sleeping
Update Step4Report component for improved localization and scrollbar styling
Browse files- Changed the label from "Agent Workflow" to "Rport Agent实时活动" for better localization.
- Increased the scrollbar width from 4px to 6px and enhanced the scrollbar thumb styling for improved visibility and user interaction.
frontend/src/components/Step4Report.vue
CHANGED
|
@@ -84,7 +84,7 @@
|
|
| 84 |
<circle cx="12" cy="12" r="10"></circle>
|
| 85 |
<polyline points="12 6 12 12 16 14"></polyline>
|
| 86 |
</svg>
|
| 87 |
-
<span>
|
| 88 |
<span class="log-count" v-if="agentLogs.length > 0">{{ agentLogs.length }}</span>
|
| 89 |
</div>
|
| 90 |
|
|
@@ -1460,7 +1460,7 @@ watch(() => props.reportId, (newId) => {
|
|
| 1460 |
}
|
| 1461 |
|
| 1462 |
.left-panel::-webkit-scrollbar {
|
| 1463 |
-
width:
|
| 1464 |
}
|
| 1465 |
|
| 1466 |
.left-panel::-webkit-scrollbar-track {
|
|
@@ -1468,8 +1468,17 @@ watch(() => props.reportId, (newId) => {
|
|
| 1468 |
}
|
| 1469 |
|
| 1470 |
.left-panel::-webkit-scrollbar-thumb {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1471 |
background: rgba(0, 0, 0, 0.15);
|
| 1472 |
-
|
|
|
|
|
|
|
|
|
|
| 1473 |
}
|
| 1474 |
|
| 1475 |
/* Report Header */
|
|
|
|
| 84 |
<circle cx="12" cy="12" r="10"></circle>
|
| 85 |
<polyline points="12 6 12 12 16 14"></polyline>
|
| 86 |
</svg>
|
| 87 |
+
<span>Rport Agent实时活动</span>
|
| 88 |
<span class="log-count" v-if="agentLogs.length > 0">{{ agentLogs.length }}</span>
|
| 89 |
</div>
|
| 90 |
|
|
|
|
| 1460 |
}
|
| 1461 |
|
| 1462 |
.left-panel::-webkit-scrollbar {
|
| 1463 |
+
width: 6px;
|
| 1464 |
}
|
| 1465 |
|
| 1466 |
.left-panel::-webkit-scrollbar-track {
|
|
|
|
| 1468 |
}
|
| 1469 |
|
| 1470 |
.left-panel::-webkit-scrollbar-thumb {
|
| 1471 |
+
background: transparent;
|
| 1472 |
+
border-radius: 3px;
|
| 1473 |
+
transition: background 0.3s ease;
|
| 1474 |
+
}
|
| 1475 |
+
|
| 1476 |
+
.left-panel:hover::-webkit-scrollbar-thumb {
|
| 1477 |
background: rgba(0, 0, 0, 0.15);
|
| 1478 |
+
}
|
| 1479 |
+
|
| 1480 |
+
.left-panel::-webkit-scrollbar-thumb:hover {
|
| 1481 |
+
background: rgba(0, 0, 0, 0.25);
|
| 1482 |
}
|
| 1483 |
|
| 1484 |
/* Report Header */
|