diff --git a/src/assets/css/custom.css b/src/assets/css/custom.css index 99ee06e..e7432b4 100644 --- a/src/assets/css/custom.css +++ b/src/assets/css/custom.css @@ -904,7 +904,23 @@ background-size: 75% auto; .fsm-ti .btn-wrap button + button{margin-left:0.5rem} .fsm-box .list-input label{font-size:0.875rem} -.reservation-date .box{background:#242b3d;border:1px solid #404656;padding:0.5rem} +.reservation-date .box{display:flex!important;flex-direction: column;align-items:center;justify-content:center;background:#404656;border:2px solid #404656;border-radius: 0.1rem;padding:0.5rem;cursor:pointer;min-height:80px} +.reservation-date .box.active{border-color: #7367f0;} +.reservation-date .box.active span{color:#fff;} .reservation-date .box .date{display:block;font-size:0.875rem} -.reservation-date .box .state{font-size:1.5rem;} -.reservation-date .slick-slide{margin-left:1rem;max-width: 144px;} \ No newline at end of file +.reservation-date .box .state{font-size:1.25rem;font-weight:400;} +.reservation-date .box .rate{font-size:0.875rem;margin-left:4px} +.reservation-date .slick-slide{margin-left:1rem;max-width: 144px;} + +.reservation-table table{width:100%;margin:1rem auto} +.reservation-table table tr th, .reservation-table table tr td{vertical-align:middle;} +.reservation-table table thead{background:#343d55;font-size:1rem;} +.reservation-table table thead tr th{padding:0.8rem 0.4rem;font-weight:500;} +.reservation-table table tbody tr td{padding:0.8rem 0;} +.reservation-table table tbody tr td:nth-child(4) .amount{border-left:0;border-right:0} +.reservation-table table tbody tr td .amount{border:1px solid #404656;width:100%;height:80px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0px auto;line-height:1.2;} +.reservation-table table tbody tr td .rate{font-size:0.875rem;font-weight:400;margin-left:4px} +.reservation-table .state{font-size:1.25rem;font-weight:400} +.reservation-table .flight span{display:block;} +.reservation-table .seat{display:block;font-size:0.875rem;margin-top:6px;font-weight:400;} +.reservation-table .alltime .start, .reservation-table .alltime .arrive{font-size:1.25rem;font-weight:400;} \ No newline at end of file diff --git a/src/views/control/setting/steps/ReserveStep1.js b/src/views/control/setting/steps/ReserveStep1.js index b3ec6c8..a862a04 100644 --- a/src/views/control/setting/steps/ReserveStep1.js +++ b/src/views/control/setting/steps/ReserveStep1.js @@ -1,6 +1,6 @@ -import React, { useState, Component } from 'react' +import React, { useState, Component } from 'react'; -import Slider from "react-slick"; +import Slider from 'react-slick'; import 'slick-carousel/slick/slick.css'; import 'slick-carousel/slick/slick-theme.css'; @@ -16,33 +16,28 @@ export default function ReserveStep1() { slidesToScroll: 1 }; - return (
출발/도착시간(비행시간) | @@ -97,423 +107,262 @@ export default function ReserveStep1() {|||||
---|---|---|---|---|---|
- 1시간 5분
- 08:40-
- 09:45
- +1 day
+
+ 1시간 5분
+ 08:40
+ 09:45
+
+ +1 day
|
-
+
3P1003
B737-800
|
- 매진 |
-
- 76.000 KRW
- 잔여7석
+
+ 매진
|
-
- 76.000 KRW
- 잔여7석
+
+
+ 76.000KRW
+
+ 잔여 7석
+
+ |
+
+
+
+ 76.000KRW
+
+ 잔여 7석
|