diff --git a/src/components/EmbeddedYoutube.tsx b/src/components/EmbeddedYoutube.tsx index f9457d4..19d0312 100644 --- a/src/components/EmbeddedYoutube.tsx +++ b/src/components/EmbeddedYoutube.tsx @@ -5,6 +5,7 @@ interface Props { width: string; height: string; onClick: () => void; + className?: string; style?: IframeHTMLAttributes["style"]; } @@ -13,6 +14,7 @@ export const EmbeddedYoutube = ({ width, height, onClick, + className, style = {}, }: Props) => (
@@ -24,6 +26,7 @@ export const EmbeddedYoutube = ({ frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowFullScreen + className={className} style={{ pointerEvents: "none", ...style }} >
diff --git a/src/routes/Liste/Thumbs/ResistantThumb.tsx b/src/routes/Liste/Thumbs/ResistantThumb.tsx index fba2726..1dd64e9 100644 --- a/src/routes/Liste/Thumbs/ResistantThumb.tsx +++ b/src/routes/Liste/Thumbs/ResistantThumb.tsx @@ -27,6 +27,7 @@ export const ResistantThumb = ({ resistant }: Props) => { youtubeId={resistant.video} width={"200"} height={"200"} + className="resistant-thumb" onClick={handleClick} /> );