BCAI/easyai-ai-gateway
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(ui): 修复媒体网格滚动和空状态显示问题

Browse Source 
- 移除媒体网格的最大高度限制和自动垂直滚动
- 将媒体空状态占位符从网格布局改为弹性布局
- 添加媒体空状态占位符的文字居中和行高设置
- 修复API中任务ID类型转换问题
This commit is contained in:
wangbo
2026-05-12 17:01:06 +08:00
parent c2696e7bbe
commit 3917b84b5d
2 changed files with 8 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/api/internal/store/rate_limit_status.go
+1 -1
View File
@@ -75,7 +75,7 @@ LEFT JOIN (
AND t.queue_key = qp.platform_key || ':' || t.model_type || ':' || COALESCE(NULLIF(qm.provider_model_name, ''), qm.model_name) AND t.queue_key = qp.platform_key || ':' || t.model_type || ':' || COALESCE(NULLIF(qm.provider_model_name, ''), qm.model_name)
AND NOT EXISTS (SELECT 1 FROM gateway_task_attempts existing_attempt WHERE existing_attempt.task_id = t.id) AND NOT EXISTS (SELECT 1 FROM gateway_task_attempts existing_attempt WHERE existing_attempt.task_id = t.id)
UNION ALL UNION ALL
SELECT latest.task_id, latest.platform_model_id SELECT latest.task_id::text AS task_id, latest.platform_model_id
FROM ( FROM (
SELECT DISTINCT ON (a.task_id) a.task_id, a.platform_model_id::text AS platform_model_id SELECT DISTINCT ON (a.task_id) a.task_id, a.platform_model_id::text AS platform_model_id
FROM gateway_tasks t FROM gateway_tasks t
apps/web/src/styles/playground.css
+7 -5
View File
@@ -1377,10 +1377,8 @@
gap: 2px; gap: 2px;
width: 100%; width: 100%;
max-width: var(--media-grid-max-width, 100%); max-width: var(--media-grid-max-width, 100%);
max-height: 600px;
justify-self: center; justify-self: center;
overflow-y: auto; overflow: visible;
overscroll-behavior: contain;
} }
.mediaTile { .mediaTile {
@@ -1416,14 +1414,18 @@
.mediaEmptyTile { .mediaEmptyTile {
position: absolute; position: absolute;
inset: 0; inset: 0;
display: grid; display: flex;
place-items: center; flex-direction: column;
align-items: center;
justify-content: center;
gap: 10px; gap: 10px;
overflow: hidden; overflow: hidden;
background: linear-gradient(110deg, #edf0f2 0%, #f7f8f9 42%, #e6eaee 78%); background: linear-gradient(110deg, #edf0f2 0%, #f7f8f9 42%, #e6eaee 78%);
background-size: 220% 100%; background-size: 220% 100%;
color: #6b7280; color: #6b7280;
font-size: var(--font-size-sm); font-size: var(--font-size-sm);
line-height: 1.4;
text-align: center;
animation: mediaLoadingShimmer 1.35s ease-in-out infinite; animation: mediaLoadingShimmer 1.35s ease-in-out infinite;
} }