uamlayer

src/assets/css/custom.css

@@ -908,7 +908,7 @@ background-size: 75% auto;
 	}
 }
 
-.login .info-search .pal-card{}
+/* .login .info-search .pal-card{} */
 .login-form.info-search form{padding:0;}
 .info-search .input-btn button{width:100%; padding: 0.786rem 1.5rem;}
 .full-btn-2n{display:flex;justify-content:space-between;}
@@ -1166,7 +1166,7 @@ caption {overflow: hidden; line-height: 0;text-indent: -2000px;}
 .statistics-table tr td{padding:0.4rem 0.8rem}
 .statistics-table tr td + td{border-left:1px solid #ddd}
 .statistics-table tr td span{font-size:1rem}
-.statistics-table .date{font-size:0.75rem;line-height:1;margin-bottom:-0.5rem}
+.statistics-table/ .date{font-size:0.75rem;line-height:1;margin-bottom:-0.5rem}
 .statistics-table .date-data{text-align:right;font-weight:400}
 
 .flatpickr-calendar .flatpickr-day.inRange, .flatpickr-calendar .flatpickr-day.inRange:hover {
@@ -1186,7 +1186,8 @@ caption {overflow: hidden; line-height: 0;text-indent: -2000px;}
 
 .vertiport-tab *{color:#333}
 .vertiport-tab .tab-content{display:block;}
-.text{font-size:0px}
+.uam-layer{background:#fff;top:0;left:0;position:absolute;z-index:999;overflow:auto;padding:14px;max-width:350px;height:100vh;}
+
 /*dark-layout*/
 .dark-layout .main-menu .navbar-header .navbar-brand .brand-text{color:#fff}
 .dark-layout .color-wh .text-primary{color:#fff!important}

src/components/vertiport/VertiportLeftMenu.js

@@ -66,9 +66,9 @@ export const VertiportLeftMenu = ({ setOpenReportList }) => {
   };
 
   return (
-    <div className='right-menu active' style={{ left: 0 }}>
+    <div className=''>
-      <div className='left-meun'>
+      <div className=''>
-        <div className='left-layer' style={{ left: 0 }}>
+        <div className='uam-layer'>
           <div className='layer-content'>
             <div className='layer-ti'>
               <h4>드론 상세정보</h4>