root
73 lines
1.3 KiB
CSS
73 lines
1.3 KiB
CSS
.reimbursement-batch-page .wrap-headers thead th {
|
|
white-space: normal;
|
|
}
|
|
.reimb-layout {
|
|
display: grid;
|
|
grid-template-columns: 1fr;
|
|
gap: 1.5rem;
|
|
align-items: start;
|
|
}
|
|
.reimb-col {
|
|
min-width: 0;
|
|
}
|
|
@media (min-width: 992px) {
|
|
.reimb-layout {
|
|
grid-template-columns: 1fr 2fr;
|
|
}
|
|
.reimb-table-scroll,
|
|
.reimb-batches-scroll {
|
|
max-height: calc(100vh - 240px);
|
|
overflow-y: auto;
|
|
padding-right: 0.25rem;
|
|
}
|
|
}
|
|
.reimb-draggable-table tr {
|
|
cursor: grab;
|
|
}
|
|
.reimb-draggable-table tr.dragging {
|
|
opacity: 0.5;
|
|
}
|
|
.reimb-draggable-table.drag-over {
|
|
outline: 2px dashed #0d6efd;
|
|
outline-offset: -4px;
|
|
}
|
|
.reimb-batches-grid {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 1.5rem;
|
|
}
|
|
.batch-card .batch-header {
|
|
background-color: #f8f9fa;
|
|
}
|
|
.batch-dropzone {
|
|
border: 1px dashed #dee2e6;
|
|
border-radius: 0.65rem;
|
|
padding: 0.75rem;
|
|
min-height: 120px;
|
|
transition:
|
|
border-color 0.15s ease,
|
|
background-color 0.15s ease;
|
|
}
|
|
.batch-dropzone.drag-over {
|
|
border-color: #0d6efd;
|
|
background-color: #eef5ff;
|
|
}
|
|
.batch-item {
|
|
background-color: #fff;
|
|
border: 1px solid #dee2e6;
|
|
border-radius: 0.5rem;
|
|
padding: 0.5rem 0.75rem;
|
|
cursor: grab;
|
|
}
|
|
.batch-item.dragging {
|
|
opacity: 0.6;
|
|
}
|
|
.batch-locked .batch-dropzone {
|
|
opacity: 0.75;
|
|
}
|
|
.receipt-viewer {
|
|
width: 100%;
|
|
min-height: 420px;
|
|
border: none;
|
|
}
|