Files
web-menu-react-version-/src/components/CustomBottomSheet/orderDetailsSheet/OrderDetailsBottomSheet.module.css

66 lines
1.0 KiB
CSS

.container {
padding: 16px;
position: relative;
display: grid;
grid-template-rows: auto minmax(0, auto) auto minmax(0, auto) auto minmax(
0,
auto
) auto;
gap: 4px;
height: 100%;
max-height: 100%;
overflow-y: auto;
}
.saveButton {
border-radius: 100px;
height: 48px;
width: 100%;
font-size: 16px;
box-shadow: none;
margin-top: 16px;
}
.noLocationContainer {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 12px;
text-align: center;
min-height: 80px;
max-height: 120px;
}
.smallTextStyle {
font-size: 12px;
margin-top: 4px;
}
.mapContainer {
width: 100%;
border-radius: 8px;
overflow: hidden;
height: auto;
max-height: 160px;
}
.sectionTitle {
font-weight: 600;
font-size: 16px;
margin-bottom: 8px;
}
.sectionContent {
width: 100%;
min-height: 0;
display: flex;
flex-direction: column;
border-radius: 6px;
background-color: var(--border);
}
.segmentedContent {
width: 100%;
margin-bottom: 15px;
}