titor/drawDB
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add table shape

Browse Source
This commit is contained in:
1ilit 2023-09-19 15:48:33 +03:00
parent 525ca9f5c7
commit b0737e1a89
1 changed files with 39 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
src/components/shape.jsx
View File

@ -14,12 +14,48 @@ export default function Shape() {
ref={drag}
style={{
opacity: isDragging ? 0.5 : 1,
fontSize: 25,
fontWeight: "bold",
cursor: "move",
width: "150px",
height: "65px",
}}
>
rect
<svg
style={{
width: "100%",
height: "100%",
}}
>
<foreignObject
x={0}
y={0}
style={{
width: "100%",
height: "100%",
}}
>
<div className="border border-gray-600 w-full rounded h-full text-xs border-collapse">
<div className="px-3 py-0.5 border-b border-gray-600">Table</div>
<div className="px-1 py-0.5 border-b border-gray-600 flex items-center justify-between">
<div className="flex items-center">
<div className="w-[6px] h-[5px] bg-green-600 me-1 rounded-full" />
<div>id</div>
</div>
<div>
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-green-600 me-1 rounded-full" />
<div>name</div>
</div>
<div>
VARCHAR
</div>
</div>
</div>
</foreignObject>
</svg>
</div>
);
}