Task + column scroll
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user