Closed IlirBajrami closed 3 years ago
Am i missing some css or...?
This is my VideoModal component:
import React, { useState } from "react"; import ModalVideo from "react-modal-video"; import styled from "styled-components"; import video_mockup from "../../resources/video_mockup.png"; function VideoModal(props) { const [videoIsOpen, setVideoIsOpen] = useState(false); return ( <> <ModalVideo channel="youtube" autoplay isOpen={videoIsOpen} videoId="L61p2uyiMSo" onClose={() => setVideoIsOpen(false)} /> <Mockup src={video_mockup} alt="mockup1" onClick={() => setVideoIsOpen(true)} /> </> ); } const Mockup = styled.img` width: 100%; `; export default VideoModal;
and this is what i get:
sorry, i figured out i had to import sass:
import "react-modal-video/scss/modal-video.scss";
Am i missing some css or...?
This is my VideoModal component:
and this is what i get: