diff --git a/src/assets/css/custom.css b/src/assets/css/custom.css index f1812b1..3164a43 100644 --- a/src/assets/css/custom.css +++ b/src/assets/css/custom.css @@ -406,6 +406,7 @@ h1.logo span{display:block;color:#f4f4f4;font-weight:bold;letter-spacing:2px;fon .search-list-cont .list-input + .list-input{margin-top:10px;} } .tooltip-test{position:absolute;left:500px;top:500px;} + .tooltip-box{background:#283046;padding:10px;border-radius:6px;position:relative;max-width: 180px;} .tooltip-box div{text-align:left;font-size:13px;color:#bbb;} .tooltip-ti{border-bottom:1px solid #bbb;padding-bottom:4px;} @@ -415,12 +416,13 @@ h1.logo span{display:block;color:#f4f4f4;font-weight:bold;letter-spacing:2px;fon .tooltip-box .arrow {position:absolute;bottom:-10px;left:50%;transform: translateX(-50%);display:block;width: 0px;height: 0px;border-top:10px solid #283046;border-bottom:10px solid none;border-right: 10px solid transparent;border-left: 10px solid transparent;} /* 데이터블록 */ -.dblock-box{background:#283046;padding:10px;border-radius:6px;position:absolute;max-width: 250px;} +.dblock-box{background:#283046;padding:10px;border-radius:6px;position:relative;} .dblock-box div{text-align:left;font-size:13px;color:#bbb;} .dblock-ti{border-bottom:1px solid #bbb;padding-bottom:4px;} .dblock-ti span, .dblock-txt .ti{color:#f4f4f4;font-weight:500;display:block;} .dblock-txt{padding-top:4px;} .dblock-txt-list + .dblock-txt-list{margin-top:4px;} +.dblock-box .arrow {position:absolute;bottom:-10px;left:50%;transform: translateX(-50%);display:block;width: 0px;height: 0px;border-top:10px solid #283046;border-bottom:10px solid none;border-right: 10px solid transparent;border-left: 10px solid transparent;} /*회원가입*/ .pal-register .auth-wrapper.auth-v1 .auth-inner{max-width:1200px;} diff --git a/src/components/map/naver/dron/DronMarker.js b/src/components/map/naver/dron/DronMarker.js index d7f89db..1a9a462 100644 --- a/src/components/map/naver/dron/DronMarker.js +++ b/src/components/map/naver/dron/DronMarker.js @@ -25,6 +25,7 @@ export const DronMarker = props => { let infoWindow; const infowindowOpen = (data) => { + //
const content = `
@@ -66,7 +67,7 @@ export const DronMarker = props => { infoWindow = new naver.maps.InfoWindow({ class: 'tooltip-dblock', content: content, - maxWidth: 140, + maxWidth: 160, backgroundColor: '#283046', //박스안쪽영역 컬러 // borderColor: '#333', //테두리컬러 // borderWidth: 3, //테두리 굵기