diff --git a/src/assets/css/custom.css b/src/assets/css/custom.css index 3f8bf5d..ac64663 100644 --- a/src/assets/css/custom.css +++ b/src/assets/css/custom.css @@ -86,6 +86,7 @@ button{border:0;background:transparent;} .right-menu{position: absolute;right:0;top:0;height: 100vh;} .dark-layout .left-layer{background:#10163A;} .dark-layout .right-layer{background:#10163A;} +.dark-layout .right-layer-btn{background:#7367f0} html .content{min-height:100%;} /*버튼 기본css*/ @@ -161,11 +162,12 @@ html .content{min-height:100%;} .layer-content-list dl dt .list-right-txt{text-align: right;} /*레이어 상세정보-드론상세정보*/ -.layer-content-box{background:#fff;border-radius: 5px;color:#bbb; border: 1px solid #ddd;} -.dark-layout .layer-content-box{background:#283046;border: 1px solid #404656;} +.layer-content-box{background:#fff;border-radius: 5px; border: 1px solid #ddd;} +.dark-layout .layer-content-box{background:#283046;border: 1px solid #404656;color:#bbb; } .layer-content-box .drone-ti{display:flex;align-items: center;font-weight:500; color: #f8c023;padding:10px;} .layer-content-box .drone-ti img{margin-right:6px;} .layer-content-box .drone-img img{width:100%;} +.drone-img img{width:100%;} .layer-content-box .layer-content-info{padding:10px;} .layer-content-box dl dt{display:flex;} .layer-content-box dl dt + dt{margin-top:14px;} @@ -1196,7 +1198,24 @@ caption {overflow: hidden; line-height: 0;text-indent: -2000px;} .map-line{display:block;width:200px;height:200px;border-radius:12px;background:#fff;border:1px solid #ccc} .map-line::after{content:'';display:block;width:82px;height:1px;background:#ccc;;position: absolute;top:50%;right:-40px;transform: translateY(-50%);} .gate-map .gate-box:last-child .map-line::after{display:none} - +.table-st{width:100%} +.table-st thead tr th{font-weight:500;text-align:center;border:1px solid #ddd;padding:10px 6px;background:#f4f4f4} +.table-st tbody tr td{border:1px solid #ddd;padding:6px} +.vertiport-table *{font-size:0.825rem} +.vertiport-table .table-st tbody tr td{text-align:center;} +.tab-btn .btn-group{display:flex;width:100%} +.tab-btn button{flex:1;} +.tab-btn button{background:#fff;color:#333} +.tab-btn .btn.active{background:#8a1c05!important;color:#fff!important} +.vertiport-table h5{font-size:0.875rem;font-weight:500;margin-bottom:0.5rem} +.vertiport-table{margin-top:1rem} +.bg-line{border-left:1px solid #ddd;} + +.dark-layout .tab-btn .btn.active{background:#7367f0!important} +.dark-layout .tab-btn .btn{color:#d0d2d6!important;} + +.dark-layout .table-st thead tr th{border:1px solid #3b4253;background:#283046;color:#b4b7bd} +.dark-layout .table-st tbody tr td{border:1px solid #3b4253;color:#b4b7bd} /*dark-layout*/ .dark-layout .main-menu .navbar-header .navbar-brand .brand-text{color:#fff} .dark-layout .color-wh .text-primary{color:#fff!important} @@ -1244,3 +1263,5 @@ caption {overflow: hidden; line-height: 0;text-indent: -2000px;} box-shadow: -5px 0 0 #283046, 5px 0 0 #283046!important; } .dark-layout .data-list{background:#7367f0;border-color:#7367f0} .dark-layout .fsm-ti{border-color:#404656} +.dark-layout .uam-layer{background:#161d31} +.dark-layout .bg-line{border-left:1px solid #404656;} \ No newline at end of file diff --git a/src/components/vertiport/VertiportLeftMenu.js b/src/components/vertiport/VertiportLeftMenu.js index 1045df1..ba6c46a 100644 --- a/src/components/vertiport/VertiportLeftMenu.js +++ b/src/components/vertiport/VertiportLeftMenu.js @@ -58,7 +58,7 @@ export const VertiportLeftMenu = ({ setOpenReportList }) => {