remove floof

This commit is contained in:
1ilit 2023-09-19 15:49:02 +03:00
parent 9e5e1c808e
commit b954a2b46f

View File

@ -16,47 +16,29 @@ function Table() {
ref={drag} ref={drag}
className={`${ className={`${
isDragging ? "opacity-50" : "" isDragging ? "opacity-50" : ""
} cursor-move w-[150px] h-[72px]`} } cursor-move w-[136px] h-[72px] border border-gray-400 rounded-md text-xs border-collapse bg-gray-100`}
> >
<svg <div
style={{ className={`h-[7px] w-full rounded-t`}
width: "100%", style={{ backgroundColor: defaultTableTheme }}
height: "100%", />
}} <div className="px-2 py-0.5 border-b border-gray-400 bg-gray-200">
> Table
<foreignObject </div>
x={0} <div className="px-1 py-0.5 border-b border-gray-400 flex items-center justify-between">
y={0} <div className="flex items-center">
style={{ <div className="w-[6px] h-[5px] bg-[#2f68ad] opacity-80 me-1 rounded-full" />
width: "100%", <div>id</div>
height: "100%", </div>
}} <div className="text-slate-400">UUID</div>
> </div>
<div className="border border-gray-400 w-full rounded-md h-full text-xs border-collapse bg-gray-100"> <div className="px-1 py-0.5 flex items-center justify-between">
<div <div className="flex items-center">
className={`h-[7px] w-full rounded-t`} <div className="w-[6px] h-[5px] bg-[#2f68ad] opacity-80 me-1 rounded-full" />
style={{ backgroundColor: defaultTableTheme }} <div>name</div>
/> </div>
<div className="px-2 py-0.5 border-b border-gray-400 bg-gray-200"> <div className="text-slate-400">VARCHAR</div>
Table </div>
</div>
<div className="px-1 py-0.5 border-b border-gray-400 flex items-center justify-between">
<div className="flex items-center">
<div className="w-[6px] h-[5px] bg-[#2f68ad] opacity-80 me-1 rounded-full" />
<div>id</div>
</div>
<div className="text-slate-400">UUID</div>
</div>
<div className="px-1 py-0.5 flex items-center justify-between">
<div className="flex items-center">
<div className="w-[6px] h-[5px] bg-[#2f68ad] opacity-80 me-1 rounded-full" />
<div>name</div>
</div>
<div className="text-slate-400">VARCHAR</div>
</div>
</div>
</foreignObject>
</svg>
</div> </div>
); );
} }