rannes.dev/image-converter-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

deimals
All checks were successful
Deploy to Cloudflare Pages / deploy (push) Successful in 29s
Details

Browse Source
This commit is contained in:
christian 2024-11-02 23:48:19 +01:00
parent 7a989ce3e1
commit df3a23a74a
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app/routes/CropSelector.tsx
View File

@ -42,7 +42,7 @@ export default function CropSelector() {
}, [firstDragable, secondDragable]);
return (
<div className="flex h-screen w-screen justify-center items-center">
<div className="flex flex-col h-screen w-screen justify-center items-center">
<div ref={containerRef} className="relative w-1/3 h-1/3 border-black border">
{containerHeight !== null && containerWidth !== null && (
<>
@ -64,10 +64,10 @@ export default function CropSelector() {
</>
)}
</div>
<div className="flex flex-col">
<div className="flex flex-col text-left">
<p>{containerWidth} - {containerHeight}</p>
<p>firstDragable: {...Object.entries(firstDragable)}</p>
<p>secondDragable: {...Object.entries(secondDragable)}</p>
<p>firstDragable: x: {firstDragable.x.toFixed(2)} y: {firstDragable.y.toFixed(2)}</p>
<p>secondDragable: x: {secondDragable.x.toFixed(2)} y: {secondDragable.y.toFixed(2)}</p>
</div>
</div>
);