responsive task manager
This commit is contained in:
@@ -41,17 +41,17 @@ const Task: FC<Props> = ({ task, isDragging, onDragStart, onDragEnd, onClick })
|
||||
{task.tag}
|
||||
</div>
|
||||
<div className="font-bold text-xs mt-2">{task.title}</div>
|
||||
<div className="mt-2 flex items-center gap-4 text-xs">
|
||||
<div className="flex items-center gap-1 text-[10px]">
|
||||
<Calendar size={16} color="#292D32" />
|
||||
<div>{task.dateRange}</div>
|
||||
<div className="mt-2 flex flex-wrap items-center gap-x-3 gap-y-1.5 text-xs">
|
||||
<div className="flex items-center gap-1 text-[10px] min-w-0">
|
||||
<Calendar size={16} color="#292D32" className="shrink-0" />
|
||||
<div className="truncate">{task.dateRange}</div>
|
||||
</div>
|
||||
|
||||
<div className="flex gap-1">
|
||||
<div className="flex gap-1 shrink-0">
|
||||
<AttachCircle size={16} color="#292D32" />
|
||||
<div>{task.attachments}</div>
|
||||
</div>
|
||||
<div className="flex gap-1">
|
||||
<div className="flex gap-1 shrink-0">
|
||||
<TickSquare size={16} color="#292D32" />
|
||||
<div>
|
||||
{task.checklistDone}/{task.checklistTotal}
|
||||
|
||||
Reference in New Issue
Block a user