Browse Source

Merge branch 'master' of http://gitea.palntour.com/pav/pav-home

feature/auth
이학준 2 years ago
parent
commit
5b7703d1e1
  1. 4
      src/assets/css/custom.css
  2. 3
      src/components/map/naver/dron/DronMarker.js

4
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;} .search-list-cont .list-input + .list-input{margin-top:10px;}
} }
.tooltip-test{position:absolute;left:500px;top:500px;} .tooltip-test{position:absolute;left:500px;top:500px;}
.tooltip-box{background:#283046;padding:10px;border-radius:6px;position:relative;max-width: 180px;} .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-box div{text-align:left;font-size:13px;color:#bbb;}
.tooltip-ti{border-bottom:1px solid #bbb;padding-bottom:4px;} .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;} .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-box div{text-align:left;font-size:13px;color:#bbb;}
.dblock-ti{border-bottom:1px solid #bbb;padding-bottom:4px;} .dblock-ti{border-bottom:1px solid #bbb;padding-bottom:4px;}
.dblock-ti span, .dblock-txt .ti{color:#f4f4f4;font-weight:500;display:block;} .dblock-ti span, .dblock-txt .ti{color:#f4f4f4;font-weight:500;display:block;}
.dblock-txt{padding-top:4px;} .dblock-txt{padding-top:4px;}
.dblock-txt-list + .dblock-txt-list{margin-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;} .pal-register .auth-wrapper.auth-v1 .auth-inner{max-width:1200px;}

3
src/components/map/naver/dron/DronMarker.js

@ -25,6 +25,7 @@ export const DronMarker = props => {
let infoWindow; let infoWindow;
const infowindowOpen = (data) => { const infowindowOpen = (data) => {
// <div class="tooltip-box" style="max-width: 300px;">
const content = ` const content = `
<div class="dblock-box"> <div class="dblock-box">
<div class="dblock-ti"> <div class="dblock-ti">
@ -66,7 +67,7 @@ export const DronMarker = props => {
infoWindow = new naver.maps.InfoWindow({ infoWindow = new naver.maps.InfoWindow({
class: 'tooltip-dblock', class: 'tooltip-dblock',
content: content, content: content,
maxWidth: 140, maxWidth: 160,
backgroundColor: '#283046', //박스안쪽영역 컬러 backgroundColor: '#283046', //박스안쪽영역 컬러
// borderColor: '#333', //테두리컬러 // borderColor: '#333', //테두리컬러
// borderWidth: 3, //테두리 굵기 // borderWidth: 3, //테두리 굵기

Loading…
Cancel
Save