diff --git a/src/components/DraggableButton.tsx b/src/components/DraggableButton.tsx index f86cec8..1ace335 100644 --- a/src/components/DraggableButton.tsx +++ b/src/components/DraggableButton.tsx @@ -53,10 +53,6 @@ export const DraggableButton = React.forwardRef< // Set position and clear any bottom/right values el.style.position = "absolute"; - // el.style.top = `${top}px`; - // el.style.left = `${left}px`; - // el.style.bottom = "unset"; - // el.style.right = "unset"; el.style.transition = "none"; setPosition({ x: left, y: top }); diff --git a/src/components/Flippable.tsx b/src/components/Flippable.tsx index f53f277..ffaf433 100644 --- a/src/components/Flippable.tsx +++ b/src/components/Flippable.tsx @@ -5,17 +5,17 @@ export interface FlippableProps { front: React.ReactNode; back: React.ReactNode; className?: string; - defaultSide?: "front" | "back"; + defaultFlipped?: boolean; } export const Flippable: React.FC = ({ front, back, className, - defaultSide, + defaultFlipped, }) => { const ref = useRef(null); - const [isFlipped, setIsFlipped] = useState(defaultSide === "back"); + const [isFlipped, setIsFlipped] = useState(defaultFlipped); const mouseDownTime = useRef(0); const DRAG_THRESHOLD = 250; // milliseconds diff --git a/src/pages/main/Contact.tsx b/src/pages/main/Contact.tsx index e53cf44..80cd34b 100644 --- a/src/pages/main/Contact.tsx +++ b/src/pages/main/Contact.tsx @@ -96,7 +96,7 @@ const Contact: React.FC = () => { position: relative; `}>

MKRhere

- {cardRotations.map((r, i) => ( + {cardRotations.map((rot, i) => ( { bottom: 0; left: 0; - rotate: ${r}deg; + rotate: ${rot}deg; padding: 0; background: transparent; `} ref={setupCursorTracking}>