letsee-geofencing/style.css

letsee geofencing npm package

@import url("https://unpkg.com/leaflet@1.9.3/dist/leaflet.css");
@import url("//cdnjs.cloudflare.com/ajax/libs/leaflet.draw/1.0.4/leaflet.draw.css");



.geofencingMap-wrapper {
    /* border: 2px solid red; */
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.geofencingMap-wrapper > .name-popup-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    z-index: 101;
}

.geofencingMap-wrapper > .name-popup-wrapper > .name-popup {
    width: 30%;
    text-align: center;
    border-radius: 30;
    background: grey;
    font-size: 20;
    color: white;
}

.geofencingMap-wrapper > .leaflet-container {
    width: 100%;
    /* height: 400px; */
    height: 100%;
    z-index: 100;
}

.sr-only {
    display: none;
  }