Skip to content

GitLab

Commit 4fb23f77 authored by Kim, Subin's avatar Kim, Subin
Browse files

product css

parent 97acde10
Show whitespace changes
Inline Side-by-side
client/src/Pages/Products.js
View file @ 4fb23f77
...@@ -4,9 +4,20 @@ import SubNav from '../Components/SubNav'; ...@@ -4,9 +4,20 @@ import SubNav from '../Components/SubNav';
import { Row, Col, Form, Card } from 'react-bootstrap'; import { Row, Col, Form, Card } from 'react-bootstrap';
function Products() { function Products() {
function handleClick(e) {
const box = e.target.parentNode.parentNode
box.style.display = "none"
}
return ( return (
<div> <div>
{/* <style type="text/css">
{`
.close {
color:
}
`}
</style> */}
<MainNav /> <MainNav />
<SubNav /> <SubNav />
<Row className="justify-content-center mt-5"> <Row className="justify-content-center mt-5">
...@@ -33,32 +44,34 @@ function Products() { ...@@ -33,32 +44,34 @@ function Products() {
<div></div> <div></div>
</Col> </Col>
</Row> </Row>
<div className="m-5"> <div className="mx-5 pt-3" style={{ position: "fixed", bottom: "0", backgroundColor: "#fff" }}>
<h6 style={{ borderBottom: "1px solid", paddingBottom: "5px", marginBottom: "1em" }}>회원님이 선호할만한 상품 추천</h6> <h6 style={{ borderBottom: "1px solid", paddingBottom: "5px", marginBottom: "1em" }}>회원님이 선호할만한 상품 추천
<a className="close float-right" onClick={(e) => handleClick(e)} style={{ fontSize: "1rem" }}>X</a>
</h6>
<Row className="justify-content-space" style={{ objectFit: "contain", width: "100%" }}> <Row className="justify-content-space" style={{ objectFit: "contain", width: "100%" }}>
<Col as={Card} style={{ width: "16rem" }}> <Col as={Card} style={{ width: "16rem" }}>
<Card.Img variant="top" src="https://img.sonyunara.com/files/goods/67504/1607328307_0.jpg" /> <Card.Img variant="top" src="https://img.sonyunara.com/files/goods/67504/1607328307_0.jpg" style={{ objectFit: "contain", width: "10rem", height: "10rem" }} />
<Card.Body> <Card.Body>
<Card.Title>클로타탄원피스</Card.Title> <Card.Title>클로타탄원피스</Card.Title>
<Card.Text>구매자 수: 30</Card.Text> <Card.Text>구매자 수: 30</Card.Text>
</Card.Body> </Card.Body>
</Col> </Col>
<Col as={Card} style={{ width: "16rem" }}> <Col as={Card} style={{ width: "16rem" }}>
<Card.Img variant="top" src="https://img.sonyunara.com/files/goods/67504/1607328307_0.jpg" /> <Card.Img variant="top" src="https://img.sonyunara.com/files/goods/67504/1607328307_0.jpg" style={{ objectFit: "contain", width: "10rem", height: "10rem" }} />
<Card.Body> <Card.Body>
<Card.Title>클로타탄원피스</Card.Title> <Card.Title>클로타탄원피스</Card.Title>
<Card.Text>구매자 수: 30</Card.Text> <Card.Text>구매자 수: 30</Card.Text>
</Card.Body> </Card.Body>
</Col> </Col>
<Col as={Card} style={{ width: "16rem" }}> <Col as={Card} style={{ width: "16rem" }}>
<Card.Img variant="top" src="https://img.sonyunara.com/files/goods/67504/1607328307_0.jpg" /> <Card.Img variant="top" src="https://img.sonyunara.com/files/goods/67504/1607328307_0.jpg" style={{ objectFit: "contain", width: "10rem", height: "10rem" }} />
<Card.Body> <Card.Body>
<Card.Title>클로타탄원피스</Card.Title> <Card.Title>클로타탄원피스</Card.Title>
<Card.Text>구매자 수: 30</Card.Text> <Card.Text>구매자 수: 30</Card.Text>
</Card.Body> </Card.Body>
</Col> </Col>
<Col as={Card} style={{ width: "16rem" }}> <Col as={Card} style={{ width: "16rem" }}>
<Card.Img variant="top" src="https://img.sonyunara.com/files/goods/67504/1607328307_0.jpg" /> <Card.Img variant="top" src="https://img.sonyunara.com/files/goods/67504/1607328307_0.jpg" style={{ objectFit: "contain", width: "10rem", height: "10rem" }} />
<Card.Body> <Card.Body>
<Card.Title>클로타탄원피스</Card.Title> <Card.Title>클로타탄원피스</Card.Title>
<Card.Text>구매자 수: 30</Card.Text> <Card.Text>구매자 수: 30</Card.Text>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment