responsive task manager

This commit is contained in:
hamid zarghami
2026-06-20 09:21:13 +03:30
parent 19d60a9225
commit f836abd8f4
8 changed files with 80 additions and 71 deletions
+6 -6
View File
@@ -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}