🚸 field pointer events and text select fix

This commit is contained in:
Timur Ercan
2023-02-16 15:05:36 +01:00
parent f4b1c3706d
commit 9511a08b76

View File

@ -40,7 +40,6 @@ export default function Field(props: FieldPropsType) {
props.onPositionChanged({ x, y }, props.field.id); props.onPositionChanged({ x, y }, props.field.id);
}; };
return ( return (
<Draggable <Draggable
nodeRef={nodeRef} nodeRef={nodeRef}
@ -53,12 +52,14 @@ export default function Field(props: FieldPropsType) {
> >
<div <div
ref={nodeRef} ref={nodeRef}
className="cursor-move opacity-80 p-2 m-auto w-auto flex-row-reverse text-lg font-bold text-center absolute top-0 left-0" className="cursor-move opacity-80 p-2 m-auto w-auto flex-row-reverse text-lg font-bold text-center absolute top-0 left-0 select-none"
style={{ style={{
background: stc(props.field.Recipient.email), background: stc(props.field.Recipient.email),
}} }}
> >
<Logo className="mx-auto w-16 mb-2"></Logo> <div className="mb-2 pointer-events-none">
<Logo className="w-16 mx-auto"></Logo>
</div>
<div className="m-auto w-auto flex-row-reverse text-lg font-bold text-center"> <div className="m-auto w-auto flex-row-reverse text-lg font-bold text-center">
{/* todo icons */} {/* todo icons */}
{field.type} {field.type}