height fit
This commit is contained in:
@@ -11,13 +11,13 @@ const Column: FC<Props> = ({ title, children }) => {
|
||||
const hasTasks = Children.count(children) > 0;
|
||||
|
||||
return (
|
||||
<div className="bg-[#F0F3F7] rounded-xl p-6 max-w-[310px] w-full h-full flex flex-col min-h-0">
|
||||
<div className="bg-[#F0F3F7] rounded-xl p-6 max-w-[310px] w-full flex flex-col self-start">
|
||||
<div className="flex justify-between items-center shrink-0">
|
||||
<div className="font-bold text-sm">{title}</div>
|
||||
<More size={20} color="black" />
|
||||
</div>
|
||||
|
||||
<div className={`overflow-y-auto flex-1 min-h-0${hasTasks ? " mt-5" : ""}`}>{children}</div>
|
||||
<div className={hasTasks ? "mt-5" : ""}>{children}</div>
|
||||
|
||||
{isAdding ? (
|
||||
<div className="mt-5 shrink-0 flex flex-col gap-3">
|
||||
|
||||
@@ -7,7 +7,7 @@ const Workspace: FC = () => {
|
||||
return (
|
||||
<div className="bg-[#01347A] h-full rounded-[32px] overflow-hidden flex flex-col">
|
||||
<HeaderWorkspace />
|
||||
<div className="px-8 flex gap-7 mt-6 flex-1 min-h-0 overflow-hidden pb-6">
|
||||
<div className="px-8 flex gap-7 mt-6 flex-1 min-h-0 overflow-auto pb-6 items-start">
|
||||
<Column title="برای انجام">
|
||||
<div className="flex flex-col gap-4">
|
||||
<Task />
|
||||
|
||||
Reference in New Issue
Block a user