cesium-arrow/src/components/map/Layout/index.module.less
2023-09-27 19:19:46 +08:00

81 lines
1.5 KiB
Plaintext

.cesiumContainer :global {
pointer-events: auto;
.cesium-viewer {
.cesium-viewer-bottom {
display: none;
}
.cesium-viewer-toolbar {
.cesium-baseLayerPicker-dropDown-visible {
z-index: 2;
}
}
}
}
.toolbar :global {
position: absolute;
top: 8px;
left: 12px;
display: flex;
gap: 8px;
.ant-select {
cursor: pointer;
.ant-select-selector {
color: #02f9ff;
border: 1px solid #04fbfd !important;
background-color: #1f4856 !important;
padding: 4px 12px !important;
border-radius: 8px !important;
height: 39px !important;
font-size: 14px !important;
.ant-select-selection-item {
color: #02f9ff !important;
}
.ant-select-dropdown {
background-color: #1f4856 !important;
.ant-select-item {
color: rgb(0, 242, 255);
font-size: 14px;
&:hover {
background-color: #33a4a4 !important;
}
}
.ant-select-item-option-selected {
background-color: #33a4a4 !important;
}
}
&:hover {
border: 1px solid #04fbfd !important;
background-color: #078080;
}
}
.ant-select-arrow {
color: #02f9ff;
}
}
.focusBtn {
color: #02f9ff;
border: 1px solid #04fbfd;
background-color: #1f4856;
padding: 8px 12px;
border-radius: 8px;
cursor: pointer;
&:hover {
background-color: #078080;
}
}
}