i/Aether
1
0
Fork 0
mirror of https://github.com/fawney19/Aether.git synced 2026-01-13 21:17:21 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(ui): add horizontal scrolling to request timeline

Browse Source
This commit is contained in:
AAEE86
2026-01-11 19:26:50 +08:00
committed by fawney19
parent 5ed3695c48
commit d488f809d5
1 changed files with 28 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
frontend/src/features/usage/components/HorizontalRequestTimeline.vue
View File

@@ -749,9 +749,33 @@ const getStatusColorClass = (status: string) => {
.minimal-track {
display: flex;
align-items: center;
justify-content: center;
gap: 0;
padding: 2rem 0 2rem;
justify-content: flex-start;
gap: 64px;
padding: 2rem;
overflow-x: auto;
overflow-y: hidden;
/* 优化滚动体验 */
scrollbar-width: thin; /* Firefox */
scrollbar-color: hsl(var(--border)) transparent;
}
/* Webkit 滚动条样式 */
.minimal-track::-webkit-scrollbar {
height: 6px;
}
.minimal-track::-webkit-scrollbar-track {
background: transparent;
}
.minimal-track::-webkit-scrollbar-thumb {
background: hsl(var(--border));
border-radius: 3px;
}
.minimal-track::-webkit-scrollbar-thumb:hover {
background: hsl(var(--muted-foreground) / 0.5);
}
.minimal-node-group {
@@ -931,6 +955,7 @@ const getStatusColorClass = (status: string) => {
.node-dot.status-available { color: #d1d5db; }
.node-line {
position: absolute;
width: 64px;
height: 2px;
background: hsl(var(--border));