Files
thetool/public/js/pages/WarehouseOrder/WarehouseOrder.css
2025-02-04 19:06:08 +01:00

53 lines
1.0 KiB
CSS

.warehouse-order-modal-positions-entry-container {
display: grid;
grid-template-columns: 2fr 1fr 1fr 0.5fr 1fr 1fr 0.5fr;
grid-gap: 10px;
}
.warehouse-order-modal-positions-entry-actions {
display: flex;
flex-direction: column;
justify-content: center;
padding-top: 13px;
}
@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-order-modal-positions-entry-container {
display: grid;
grid-template-columns: 1fr 1fr !important;
grid-gap: 10px;
}
}
/* Expanded Row Styling */
.order-summary {
padding: 1rem;
}
.position-item {
margin-bottom: 1rem;
border: 1px solid #ddd;
border-radius: 4px;
}
.position-header {
background-color: #f0f0f0;
padding: 0.5rem;
font-weight: bold;
}
.position-details {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
padding: 0.5rem;
}
.field-item {
margin-bottom: 0.5rem;
}