64 lines
1.5 KiB
TypeScript
64 lines
1.5 KiB
TypeScript
"use client";
|
|
|
|
/** 지도 route의 기존 배치를 유지하고 SN 컨트롤의 쌓임 순서를 맞춘다. */
|
|
export default function MapControlStyles() {
|
|
return (
|
|
<style jsx global>{`
|
|
.sn-map-control-layout .mapbtn {
|
|
top: 16px;
|
|
right: 120px;
|
|
bottom: auto;
|
|
z-index: 45;
|
|
}
|
|
|
|
.sn-map-control-layout .map-type-tabs,
|
|
.sn-map-control-layout .tool-bar ul,
|
|
.sn-map-control-layout .zoom-level-panel,
|
|
.sn-map-control-layout .zoom-level-summary {
|
|
border: 0;
|
|
box-shadow:
|
|
0 1px 2px rgba(60, 64, 67, 0.3),
|
|
0 1px 3px 1px rgba(60, 64, 67, 0.15);
|
|
}
|
|
|
|
.sn-map-control-layout .custom-toolbar {
|
|
position: static;
|
|
}
|
|
|
|
.sn-map-control-layout .tool-bar {
|
|
top: 16px;
|
|
right: 16px;
|
|
bottom: auto;
|
|
z-index: 45;
|
|
}
|
|
|
|
.sn-map-control-layout .tool-bar-vector-icons ul li div {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
background-image: none !important;
|
|
color: #666;
|
|
line-height: 1;
|
|
}
|
|
|
|
.sn-map-control-layout .tool-bar-vector-icons ul li div:hover {
|
|
color: #fff;
|
|
}
|
|
|
|
.sn-map-control-layout .zoom-level-control {
|
|
right: 16px;
|
|
bottom: 16px;
|
|
}
|
|
|
|
.sn-map-control-layout .zoom-level-summary {
|
|
right: 56px;
|
|
bottom: 0;
|
|
}
|
|
|
|
.sn-map-control-layout .ol-scale-line {
|
|
display: none;
|
|
}
|
|
`}</style>
|
|
);
|
|
}
|