refactor(V0.2): 列表行等高 (无标签保留元信息行); 看板类型标签与负责人同行
Docker Build and Push / build-image (push) Successful in 1m1s

This commit is contained in:
jif2.zhang
2026-10-25 02:59:52 +08:00
parent fb9e2350b3
commit 9401bd2b3d
3 changed files with 23 additions and 21 deletions
+5 -5
View File
@@ -46,12 +46,17 @@ export default function TaskCard({
</div> </div>
<div className="bmeta"> <div className="bmeta">
{task.kind && (
<span className="kind-tag" style={{ background: kindColor(task.kind) }}>{task.kind}</span>
)}
<span style={{ display: 'flex', alignItems: 'center', gap: 6, marginLeft: 'auto', minWidth: 0, justifyContent: 'flex-end' }}>
<span className={`bassignee${task.assignee ? '' : ' none'}`}> <span className={`bassignee${task.assignee ? '' : ' none'}`}>
{task.assignee?.name || '未指派'} {task.assignee?.name || '未指派'}
</span> </span>
{task.members?.length > 0 && ( {task.members?.length > 0 && (
<span className="bmembers">+ {task.members.map((m) => m.name).join('、')}</span> <span className="bmembers">+ {task.members.map((m) => m.name).join('、')}</span>
)} )}
</span>
</div> </div>
{shown.map((c) => ( {shown.map((c) => (
@@ -67,11 +72,6 @@ export default function TaskCard({
</div> </div>
))} ))}
{rest > 0 && <div className="bmore">+{rest} 个子任务</div>} {rest > 0 && <div className="bmore">+{rest} 个子任务</div>}
{task.kind && (
<div style={{ marginTop: 5 }}>
<span className="kind-tag" style={{ background: kindColor(task.kind) }}>{task.kind}</span>
</div>
)}
</div> </div>
</div> </div>
) )
+1 -2
View File
@@ -49,7 +49,7 @@ export default function TaskRow({
<> <>
<div className="task-main"> <div className="task-main">
<div className="task-title">{task.title}</div> <div className="task-title">{task.title}</div>
{(task.kind || task.members?.length > 0) && ( {/* 无类型/成员也保留该行, 与有标签的行等高 */}
<div className="task-meta"> <div className="task-meta">
{task.kind && ( {task.kind && (
<span className="kind-tag" style={{ background: kindColor(task.kind) }}>{task.kind}</span> <span className="kind-tag" style={{ background: kindColor(task.kind) }}>{task.kind}</span>
@@ -58,7 +58,6 @@ export default function TaskRow({
<span className="members">+ {task.members.map((m) => m.name).join('、')}</span> <span className="members">+ {task.members.map((m) => m.name).join('、')}</span>
)} )}
</div> </div>
)}
</div> </div>
<div className="task-right"> <div className="task-right">
<span <span
+4 -1
View File
@@ -1012,7 +1012,10 @@ body.me-safe-top .app-safe-top { height: 0; }
.task-main { flex: 1; min-width: 0; } .task-main { flex: 1; min-width: 0; }
.task-title { font-size: 14px; display: flex; align-items: center; gap: 6px; word-break: break-word; } .task-title { font-size: 14px; display: flex; align-items: center; gap: 6px; word-break: break-word; }
.task-row.done .task-title { color: #a0a0a0; text-decoration: line-through; } .task-row.done .task-title { color: #a0a0a0; text-decoration: line-through; }
.task-meta { display: flex; align-items: center; gap: 7px; margin-top: 4px; font-size: 11px; color: #999; flex-wrap: wrap; } .task-meta {
display: flex; align-items: center; gap: 7px; margin-top: 4px; font-size: 11px;
color: #999; flex-wrap: wrap; min-height: 17px;
}
.task-meta .assignee { font-size: 12px; font-weight: 600; color: var(--color-text); } .task-meta .assignee { font-size: 12px; font-weight: 600; color: var(--color-text); }
.task-meta .assignee.none { color: #b8bcc4; font-weight: 400; } .task-meta .assignee.none { color: #b8bcc4; font-weight: 400; }
.task-meta .members { font-size: 10.5px; color: #a7adb6; } .task-meta .members { font-size: 10.5px; color: #a7adb6; }