666ghj commited on
Commit
fa0325d
·
1 Parent(s): 8e77a3e

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>Agent Workflow</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: 4px;
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
- border-radius: 2px;
 
 
 
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 */