diff --git a/src/assets/css/custom.css b/src/assets/css/custom.css index 52818be..17d49b9 100644 --- a/src/assets/css/custom.css +++ b/src/assets/css/custom.css @@ -964,5 +964,9 @@ background-size: 75% auto; .fare-wrap .list-txt > li:before {content:'';display: inline-block;width:4px;height:4px;background:rgba(255, 255, 255, 0.1);border-radius:50%;position: absolute;top: 7px;left:4px;} .fare-wrap .fare.active .list-txt > li:before{background:rgba(255, 255, 255, 0.8)} -.text1{position:fixed;bottom:0;width:calc(100% - 260px);left:260px} -.test{background:red;position:absolute;width:100%;bottom:0;} \ No newline at end of file +.uam-reservation-total{position:fixed;bottom:0;width:calc(100% - 260px);left:260px;} +.test{background:red;position:absolute;width:100%;bottom:0;} +.uam-reservation-total .collapsing{position:absolute;bottom:60px;background:yellow} +.uam-reservation-total .collapse.show{position:absolute;bottom:60px;background:yellow} + +.content.app-content{padding-bottom:5rem!important}/* 임시 css 추후삭제 */ \ No newline at end of file diff --git a/src/views/control/setting/ControlReservation.js b/src/views/control/setting/ControlReservation.js index 0aa1a14..e10053d 100644 --- a/src/views/control/setting/ControlReservation.js +++ b/src/views/control/setting/ControlReservation.js @@ -23,6 +23,7 @@ import { } from './steps'; import { CustomMainLayout } from '../../../components/layout/CustomMainLayout'; import { ChevronRight } from 'react-feather'; +import AppCollapse from '@components/app-collapse'; export default function ControlReservation({ modal, handler }) { const [activeTab, setActiveTab] = useState(1); @@ -32,6 +33,27 @@ export default function ControlReservation({ modal, handler }) { const [search, setSearch] = useState(false); const [reserveStep, setReserveStep] = useState(1); const titleName = '도심항공교통(UAM) 예약'; + const data = [ + { + title: ( +