Modal Fixed!!!
							parent
							
								
									edfbf242f0
								
							
						
					
					
						commit
						1a31ace453
					
				| 
						 | 
				
			
			@ -1,4 +1,4 @@
 | 
			
		|||
.videoPlayer {
 | 
			
		||||
.VideoPlayer {
 | 
			
		||||
    width: 100%;
 | 
			
		||||
    height: 250px;
 | 
			
		||||
    background-color: black;
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -1,7 +1,7 @@
 | 
			
		|||
import React from 'react';
 | 
			
		||||
import 'bootstrap/dist/css/bootstrap.min.css';
 | 
			
		||||
import 'bootstrap/dist/js/bootstrap.min.js';
 | 
			
		||||
import Button from './Buttons';
 | 
			
		||||
import Button from 'react-bootstrap/Button';
 | 
			
		||||
import Modal from 'react-bootstrap/Modal';
 | 
			
		||||
import './Buttons.css';
 | 
			
		||||
import './ModalButton.css';
 | 
			
		||||
| 
						 | 
				
			
			@ -11,16 +11,17 @@ function ModalButton() {
 | 
			
		|||
    
 | 
			
		||||
    const handleClose = () => setShow(false);
 | 
			
		||||
    const handleShow = () => setShow(true);
 | 
			
		||||
 | 
			
		||||
    return (
 | 
			
		||||
    <>
 | 
			
		||||
        <Button className="btn1" name="view" onClick={handleShow} />
 | 
			
		||||
        <Button className="btn1" onClick={handleShow} lhref="#">View</Button>
 | 
			
		||||
 | 
			
		||||
        <Modal show={show} onHide={handleClose}>
 | 
			
		||||
            <Modal.Header closeButton>
 | 
			
		||||
                <Modal.Title>Card Title</Modal.Title>
 | 
			
		||||
            </Modal.Header>
 | 
			
		||||
            <Modal.Body>
 | 
			
		||||
                <VideoPlayer />
 | 
			
		||||
                <div className="VideoPlayer"></div>
 | 
			
		||||
                Some quick example text to build on the card title and make up the bulk of the card's content.
 | 
			
		||||
            </Modal.Body>
 | 
			
		||||
        </Modal>
 | 
			
		||||
| 
						 | 
				
			
			@ -28,12 +29,4 @@ function ModalButton() {
 | 
			
		|||
    );
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
class VideoPlayer extends React.Component {
 | 
			
		||||
    render() {
 | 
			
		||||
        return (
 | 
			
		||||
            <div className="videoPlayer"></div>
 | 
			
		||||
        );
 | 
			
		||||
    }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
export default ModalButton;
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -23,9 +23,9 @@ class Navbar extends React.Component {
 | 
			
		|||
                    <NavButton name="Giochi" lhref="/Giochi" />
 | 
			
		||||
                    <NavButton name="Programmi" lhref="/Programmi" />
 | 
			
		||||
                </ul>
 | 
			
		||||
                <form class="form-inline my-2 my-lg-0">
 | 
			
		||||
                    <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search" />
 | 
			
		||||
                    <button class="btn1" type="submit">Search</button>
 | 
			
		||||
                <form className="form-inline my-2 my-lg-0">
 | 
			
		||||
                    <input className="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search" />
 | 
			
		||||
                    <button className="btn1" type="submit">Search</button>
 | 
			
		||||
                </form>
 | 
			
		||||
            </div>
 | 
			
		||||
        </nav>
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
		Reference in New Issue