123456789101112131415161718192021222324252627282930313233343536373839 |
- .marker-cluster {
- background-clip: padding-box;
- }
- .asset-marker-icon {
- @apply rounded-full;
- object-fit: cover;
- border: 1px solid rgb(69, 80, 169);
- box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px,
- rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px,
- rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
- }
- .marker-cluster div {
- width: 40px;
- height: 40px;
- margin-left: 5px;
- margin-top: 5px;
- text-align: center;
- @apply rounded-full;
- font-weight: bold;
- background-color: rgb(236, 237, 246);
- border: 1px solid rgb(69, 80, 169);
- color: rgb(69, 80, 169);
- box-shadow: rgba(5, 5, 122, 0.12) 0px 2px 4px 0px, rgba(4, 4, 230, 0.32) 0px 2px 16px 0px;
- }
- .dark .marker-cluster div {
- background-color: #adcbfa;
- border: 1px solid black;
- color: black;
- }
- .marker-cluster span {
- line-height: 40px;
- }
|