feat: 任务队列改为横向卡片布局，超出自动换行

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-05-09 12:01:22 +08:00
parent 3cb22f20e6
commit 6f87cb5a77
1 changed files with 2 additions and 2 deletions
@@ -214,13 +214,13 @@
    .qbanner-summary { font-size: 11px; }

    /* 队列卡片（已完成 / 当前 / 排队中） */
+    #qbanner-list { display: flex; flex-wrap: wrap; gap: 8px; }
    .qcard {
      display: flex; align-items: flex-start; gap: 10px;
      padding: 8px 10px; border-radius: 6px;
-      margin-bottom: 6px;
      border: 1px solid transparent;
+      flex: 1 1 220px; min-width: 200px; max-width: 380px;
    }
-    .qcard:last-child { margin-bottom: 0; }
    .qcard-icon { font-size: 14px; line-height: 1.5; flex-shrink: 0; }
    .qcard-main { flex: 1; min-width: 0; }
    .qcard-name { font-weight: 600; font-size: 13px; color: var(--text);