优化: 响应式布局走查修复(断点统一+窄屏适配)

- 统一断点: Dashboard/Ideas/Projects/ProjectDetail 的响应式断点
  从 900px 改为 768px,与 AppLayout/AppSidebar 对齐(消除中间区间挤压)
- filter-bar 全局加 flex-wrap:wrap(窄屏自动换行,Ideas/Tasks/AuditLog 受益)
- IdeaDetail debate-container 窄屏双栏堆叠(@media 760px 切单列)
- modal-box min-width 改用 min(360px,90vw)(超小窗口不撑破)
- Tasks search-input 改 flex 布局(窄屏自适应宽度)
This commit is contained in:
lxy
2026-07-03 02:35:14 +08:00
parent 89cfbc7499
commit aa0701a2ea
7 changed files with 16 additions and 10 deletions
+7
View File
@@ -850,4 +850,11 @@ watch(() => props.idea.id, loadHistory)
border-color: var(--df-accent);
background: var(--df-bg-raised);
}
/* ═══ 响应式:窄屏对抗式评估双栏堆叠 ═══ */
@media (max-width: 760px) {
.debate-container {
grid-template-columns: 1fr;
}
}
</style>