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

TicketingSeatPage UI 수정

parent bce2d952
...@@ -119,18 +119,17 @@ const TicketingSeatPage = ({ location }) => { ...@@ -119,18 +119,17 @@ const TicketingSeatPage = ({ location }) => {
<h3 className="py-2 text-white text-center" style={{ border: "3px solid #000000", borderBottom: "3px solid #FEDC00" }}>좌석선택</h3> <h3 className="py-2 text-white text-center" style={{ border: "3px solid #000000", borderBottom: "3px solid #FEDC00" }}>좌석선택</h3>
</div> </div>
</div> </div>
<div className="row justify-content-center my-3"> <div className="d-flex flex-md-row flex-column-reverse justify-content-center my-3">
<div className="col-sm-4 mb-4"> <div className="col-md-4 mb-4">
<div className="row text-end justify-content-sm-end"> <div className="d-flex flex-column flex-sm-row flex-md-column justify-content-center text-sm-end text-center me-md-5">
<div className="col-sm-6 me-5" >
<div> <div>
<span className="my-1">일반</span> <p className="d-inline-block col-3 col-sm-auto mb-0">일반</p>
<span> <span>
<CountButton name="adult" count={count} setCount={setCount} /> <CountButton name="adult" count={count} setCount={setCount} />
</span> </span>
</div> </div>
<div> <div>
<span className="my-1">청소년</span> <p className="d-inline-block col-3 col-sm-auto mb-0">청소년</p>
<span> <span>
{ticketInfo.adult {ticketInfo.adult
? ?
...@@ -141,25 +140,24 @@ const TicketingSeatPage = ({ location }) => { ...@@ -141,25 +140,24 @@ const TicketingSeatPage = ({ location }) => {
</span> </span>
</div> </div>
<div> <div>
<span className="my-1">경로우대</span> <p className="d-inline-block col-3 col-sm-auto mb-0">경로우대</p>
<span> <span>
<CountButton name="senior" count={count} setCount={setCount} /> <CountButton name="senior" count={count} setCount={setCount} />
</span> </span>
</div> </div>
</div> </div>
</div> </div>
</div> <div className="col-md-5 mb-4 p-2 text-center" style={{ backgroundColor: '#252525' }}>
<div className="col-sm-5 mb-4 p-2 text-center" style={{ backgroundColor: '#252525' }}>
<div>{ticketInfo.cinema} | {ticketInfo.selectedTheater}</div> <div>{ticketInfo.cinema} | {ticketInfo.selectedTheater}</div>
<div>{ticketInfo.title}</div> <div>{ticketInfo.title}</div>
<div>{ticketInfo.time}</div> <div>{ticketInfo.time}</div>
</div> </div>
</div> </div>
<div className="row justify-content-center border p-5 "> <div className="d-flex flex-column align-items-center border p-5">
<div className="col-sm-8"> <div className="col-md-8 col-lg-7">
<SeatTable count={count} setSelectedSeats={setSelectedSeats} selectedSeats={selectedSeats} theaterInfo={theaterInfo} reservedSeats={reservedSeats} /> <SeatTable count={count} setSelectedSeats={setSelectedSeats} selectedSeats={selectedSeats} theaterInfo={theaterInfo} reservedSeats={reservedSeats} />
</div> </div>
<div className="col-sm-4 mt-5"> <div className="col-auto mt-5">
<div> <div>
<button className={styles.on} style={{ height: '1rem', width: '1rem' }} disabled></button> <button className={styles.on} style={{ height: '1rem', width: '1rem' }} disabled></button>
<span> 선택됨</span> <span> 선택됨</span>
......
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