chayns-components
Version:
A set of beautiful React components for developing chayns® applications.
41 lines (40 loc) • 766 B
CSS
.cc__map {
position: relative;
height: 276px;
}
.cc__map .map--crosshair {
position: absolute;
display: flex;
top: 50%;
left: 50%;
z-index: 1;
pointer-events: none;
height: 0px;
width: 0px;
align-items: center;
justify-content: center;
color: black;
font-size: 25px;
}
.cc__map .map--overlay {
height: 50px;
display: flex;
align-items: center;
padding: 0 10px;
box-shadow: 0px -3px 14px -6px rgba(0, 0, 0, 0.4);
position: absolute;
z-index: 10;
bottom: 0px;
width: 100%;
background-color: rgba(var(--chayns-bg-rgb), 1);
}
.map--autocomplete_popup {
position: absolute;
}
.map--autocomplete_item {
padding: 5px 5px 5px 8px;
display: flex;
flex-direction: column;
justify-content: center;
cursor: pointer;
}