53 lines
1.2 KiB
CSS
53 lines
1.2 KiB
CSS
.page-territory_map {
|
|
width: 100%;
|
|
display: flex;
|
|
position: relative;
|
|
}
|
|
|
|
.page-territory_map>#map {
|
|
margin: 20px;
|
|
width: calc(100% - 40px);
|
|
height: calc(100% - 40px);
|
|
border-radius: calc(var(--border-radius) - 5px);
|
|
}
|
|
|
|
.page-territory_map .marker {
|
|
background: var(--ColorThemes2);
|
|
color: var(--ColorThemes3);
|
|
font-size: var(--FontSize1);
|
|
border-radius: var(--border-radius);
|
|
border: 2px solid var(--ColorThemes3);
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.page-territory_map .marker_popup {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
gap: 10px;
|
|
margin: 0 2px;
|
|
}
|
|
|
|
.page-territory_map .marker_popup>p {
|
|
margin: 0;
|
|
}
|
|
.page-territory_map .marker_popup>span {
|
|
margin: 0;
|
|
}
|
|
|
|
.page-territory_map .marker_popup>a {
|
|
color: var(--ColorThemes3);
|
|
cursor: pointer;
|
|
border-radius: calc(var(--border-radius) - 8px);
|
|
padding: 5px 10px;
|
|
min-width: fit-content;
|
|
background: var(--PrimaryColor);
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-weight: 400;
|
|
font-size: var(--FontSize1);
|
|
min-width: calc(100% - 15px);
|
|
} |