Task + column scroll

This commit is contained in:
hamid zarghami
2026-06-10 14:47:26 +03:30
parent cccc0896b5
commit 1bef61588b
3 changed files with 52 additions and 7 deletions
+9 -4
View File
@@ -1,15 +1,20 @@
import { AddCircle, More } from "iconsax-react";
import { type FC } from "react";
const Column: FC = () => {
type Props = {
children: React.ReactNode;
};
const Column: FC<Props> = (props: Props) => {
return (
<div className="bg-[#F0F3F7] rounded-xl p-6 max-w-[290px] w-full">
<div className="flex justify-between items-center">
<div className="bg-[#F0F3F7] rounded-xl p-6 max-w-[310px] w-full h-full flex flex-col min-h-0">
<div className="flex justify-between items-center shrink-0">
<div>{"برای انجام"}</div>
<More size={20} color="black" />
</div>
<div className="mt-5 overflow-y-auto flex-1 min-h-0">{props.children}</div>
<div className="mt-5 flex gap-2 items-center">
<div className="mt-5 flex gap-2 items-center shrink-0">
<AddCircle size={18} color="#888888" />
<div className="text-description text-[13px] mt-0.5">اضافه کردن تسک</div>
</div>