Files
thetool/public/js/pages/WarehouseShippingNote/WarehouseShippingNote.css
2024-11-12 18:24:25 +01:00

61 lines
1.4 KiB
CSS

.warehouse-shipping-note-modal-positions-entry-container {
display: grid;
grid-template-columns: 2fr 1fr 1fr 1fr;
grid-gap: 10px;
}
.warehouse-shipping-note-modal-positions-entry-actions, .warehouse-shipping-note-modal-hours-entry-actions {
display: flex;
flex-direction: column;
justify-content: center;
padding-top: 13px;
}
.warehouse-shipping-note-modal-hours-entry-container {
display: grid;
grid-template-columns: 2fr 1fr 1fr 2fr 1fr 1fr 1fr;
grid-gap: 10px;
}
.warehouse-shipping-note-modal-hours-entry-container.hideHourlyPrice {
grid-template-columns: 2fr 1fr 1fr 2fr 1fr 1fr;
}
@media (min-width: 992px) {
.modal-lg, .modal-xl {
/*max width either 90% or 1120px*/
max-width: min(90vw, 1120px) !important;
}
}
@media (max-width: 992px) {
.warehouse-shipping-note-modal-positions-entry-container,
.warehouse-shipping-note-modal-hours-entry-container{
display: grid;
grid-template-columns: 1fr 1fr !important;
grid-gap: 10px;
}
.signModal > div {
margin: 0;
width: 100vw;
height: 100vh;
max-height: unset;
max-width: unset;
}
.signModal .modal-content {
height: 100%;
max-height: 100%;
}
.signModal .modal-body {
height: 100%;
max-height: 100%;
}
.signModal .modal-footer {
display: none;
}
}