diff --git a/src/main/resources/static/js/content_detail.js b/src/main/resources/static/js/content_detail.js index 3c5b5c1..0022dfb 100644 --- a/src/main/resources/static/js/content_detail.js +++ b/src/main/resources/static/js/content_detail.js @@ -683,14 +683,14 @@ function initKakaoMapOnTab(pane, mapData) { // 인포윈도우 내용 구성 const iwContent = ` -
- ${mapData.title || '선택 위치'} - ${mapData.address || '주소 정보 없음'} -
- 길찾기 - 큰 지도 -
-
`; +
+ ${mapData.title || '선택 위치'} + ${mapData.address || '주소 정보 없음'} +
+ 길찾기 + 큰 지도 +
+
`; const infowindow = new kakao.maps.InfoWindow({ content: iwContent, removable: true }); infowindow.open(kakaoMapInstance, marker); // 마커 위에 인포윈도우 표시 diff --git a/src/main/resources/templates/content_detail.html b/src/main/resources/templates/content_detail.html index 489f556..0c5daf2 100644 --- a/src/main/resources/templates/content_detail.html +++ b/src/main/resources/templates/content_detail.html @@ -49,6 +49,12 @@ transform: scale(1.05); /* 마우스를 올리면 약간 커지는 효과 */ box-shadow: var(--box-shadow-cute); } + + .kakao-infowindow .btn { + padding: 6px 14px; /* 이전(4px 8px)보다 여백을 늘려 버튼을 더 키웁니다. */ + font-size: 0.85rem; /* 폰트 크기를 약간 키웁니다. */ + border-radius: var(--border-radius-sm); + }