Skip to content

GitLab

Switch branch/tag
Find file Normal viewHistoryPermalink
quadrant.js 3.78 KB
Newer Older
baesangjune's avatar
modal    
baesangjune committed
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60 
// import React from 'react';
// import { Row, Col, Card, Button } from "react-bootstrap";
// import Place from './Components/Place';


// function Quadrant(props) {
//     <Row className="d-flex flex-wrap">
//         <Col md={6} >
//             <Card align="center" border="info" style={{ margin: "3%" }}>
//                 <Card.Title style={{ margin: "3%", fontSize: '200%', fontWeight: 'bold' }} >{props.pagePlace[0].name}</Card.Title>
//                 <Card.Img variant="top" style={{ padding: "5%", width: "100%", height: "340px" }} src={props.pagePlace[0].img} />
//                 <Card.Body >
//                     <Card.Text style={{ overflow: 'auto', fontSize: '25px', width: '100%', height: "80px" }} >
//                         {props.pagePlace[0].address} </Card.Text>
//                     <Button variant="primary" onClick={() => props.handleShow(true)}>{props.pagePlace[0].name} 자세히 살펴보기</Button>
//                     <Place search={props.pagePlace[0]}  onHide={() => props.handleShow(false)} />
//                 </Card.Body>
//             </Card>
//         </Col>
//         <Col md={6} >
//             <Card align="center" border="info" style={{ margin: "3%" }}>
//                 <Card.Title style={{ margin: "3%", fontSize: '200%', fontWeight: 'bold' }} >{props.pagePlace[1].name}</Card.Title>
//                 <Card.Img variant="top" style={{ padding: "5%", width: "100%", height: "340px" }} src={props.pagePlace[1].img} />
//                 <Card.Body >
//                     <Card.Text style={{ overflow: 'auto', fontSize: '25px', width: '100%', height: "80px" }} >
//                         {props.pagePlace[0].address} </Card.Text>
//                     <Button variant="primary" onClick={() => props.handleShow(true)}>{props.pagePlace[0].name} 자세히 살펴보기</Button>
//                     <Place search={props.pagePlace[0]}   onHide={() => props.handleShow(false)} />
//                 </Card.Body>
//             </Card>
//         </Col>
//         <Col md={6} >
//             <Card align="center" border="info" style={{ margin: "3%" }}>
//                 <Card.Title style={{ margin: "3%", fontSize: '200%', fontWeight: 'bold' }} >{props.pagePlace[0].name}</Card.Title>
//                 <Card.Img variant="top" style={{ padding: "5%", width: "100%", height: "340px" }} src={props.pagePlace[0].img} />
//                 <Card.Body >
//                     <Card.Text style={{ overflow: 'auto', fontSize: '25px', width: '100%', height: "80px" }} >
//                         {props.pagePlace[0].address} </Card.Text>
//                     <Button variant="primary" onClick={() => props.handleShow(true)}>{props.pagePlace[0].name} 자세히 살펴보기</Button>
//                     <Place search={props.pagePlace[0]}   onHide={() => props.handleShow(false)} />
//                 </Card.Body>
//             </Card>
//         </Col>
//         <Col md={6} >
//             <Card align="center" border="info" style={{ margin: "3%" }}>
//                 <Card.Title style={{ margin: "3%", fontSize: '200%', fontWeight: 'bold' }} >{props.pagePlace[0].name}</Card.Title>
//                 <Card.Img variant="top" style={{ padding: "5%", width: "100%", height: "340px" }} src={props.pagePlace[0].img} />
//                 <Card.Body >
//                     <Card.Text style={{ overflow: 'auto', fontSize: '25px', width: '100%', height: "80px" }} >
//                         {props.pagePlace[0].address} </Card.Text>
//                     <Button variant="primary" onClick={() => props.handleShow(true)}>{props.pagePlace[0].name} 자세히 살펴보기</Button>
//                     <Place search={props.pagePlace[0]}   onHide={() => props.handleShow(false)} />
//                 </Card.Body>
//             </Card>
//         </Col>
//     </Row>


// }
// export default Quadrant