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