Task + column scroll

2026-06-10 14:47:26 +03:30
parent cccc0896b5
commit 1bef61588b
3 changed files with 52 additions and 7 deletions
@@ -0,0 +1,33 @@
+import { AttachCircle, Calendar, TickSquare } from "iconsax-react";
+import { type FC } from "react";
+
+const Task: FC = () => {
+  return (
+    <div className="bg-white rounded-lg p-2">
+      <div className="h-10 bg-yellow-500 rounded-lg"></div>
+      <div className="bg-[#FF76C2] h-5 px-3 flex items-center mt-2 text-[10px] text-white rounded-md w-fit">برچشب</div>
+      <div className="font-bold text-xs mt-2">اضافه شدن پیش نمایش</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>۱ اردیبهشت - ۲۰ اردیبهشت</div>
+        </div>
+
+        <div className="flex gap-1">
+          <AttachCircle size={16} color="#292D32" />
+          <div>1</div>
+        </div>
+        <div className="flex gap-1">
+          <TickSquare size={16} color="#292D32" />
+          <div>1/5</div>
+        </div>
+      </div>
+
+      <div className="mt-2 flex justify-end">
+        <div className="size-6 bg-gray-200 rounded-full"></div>
+      </div>
+    </div>
+  );
+};
+
+export default Task;