diff --git a/src/components/task/TaskRow.jsx b/src/components/task/TaskRow.jsx index d5f6782..3b4d920 100644 --- a/src/components/task/TaskRow.jsx +++ b/src/components/task/TaskRow.jsx @@ -50,21 +50,20 @@ export default function TaskRow({
{task.title}
- {statusLabel(task.status)} {task.members?.length > 0 && ( + {task.members.map((m) => m.name).join('、')} )}
- - {task.assignee?.name || '未指派'} - { e.stopPropagation(); onMore?.(task) }} onPointerDown={(e) => e.stopPropagation()} >⋯ + + {task.assignee?.name || '未指派'} +
)} diff --git a/src/styles/globals.css b/src/styles/globals.css index de3918e..5069952 100644 --- a/src/styles/globals.css +++ b/src/styles/globals.css @@ -1002,7 +1002,10 @@ body.me-safe-top .app-safe-top { height: 0; } .task-meta .assignee { font-size: 12px; font-weight: 600; color: var(--color-text); } .task-meta .assignee.none { color: #b8bcc4; font-weight: 400; } .task-meta .members { font-size: 10.5px; color: #a7adb6; } -.task-right { display: flex; align-items: center; gap: 8px; flex-shrink: 0; } +.task-right { + display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between; + align-self: stretch; flex-shrink: 0; +} .task-right .assignee { font-size: 12px; font-weight: 600; color: var(--color-text); } .task-right .assignee.none { color: #b8bcc4; font-weight: 400; } .more { color: #c2c7cf; font-size: 16px; line-height: 1; padding: 0 2px; cursor: pointer; } @@ -1049,8 +1052,11 @@ body.me-safe-top .app-safe-top { height: 0; } box-shadow: 0 1px 2px rgba(0,0,0,.05); cursor: pointer; flex-shrink: 0; display: flex; gap: 7px; align-items: flex-start; } -/* 左侧竖排操作列: 状态点 + ⋯ */ -.bcard-left { display: flex; flex-direction: column; align-items: center; gap: 7px; flex-shrink: 0; padding-top: 1px; } +/* 左侧竖排操作列: 状态点在上, ⋯ 沉到左下角 */ +.bcard-left { + display: flex; flex-direction: column; align-items: center; flex-shrink: 0; + align-self: stretch; justify-content: space-between; padding: 1px 0 2px; +} .bcard-body { flex: 1; min-width: 0; } .bcard.hl { outline: 2px solid var(--color-primary); outline-offset: 1px; } .brow1 { display: flex; align-items: flex-start; gap: 6px; }