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