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 { .minimal-track {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: flex-start;
gap: 0; gap: 64px;
padding: 2rem 0 2rem; 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 { .minimal-node-group {
@@ -931,6 +955,7 @@ const getStatusColorClass = (status: string) => {
.node-dot.status-available { color: #d1d5db; } .node-dot.status-available { color: #d1d5db; }
.node-line { .node-line {
position: absolute;
width: 64px; width: 64px;
height: 2px; height: 2px;
background: hsl(var(--border)); background: hsl(var(--border));