diff --git a/src/views/archivesMIOD/‌filingCabinet/index.vue b/src/views/archivesMIOD/‌filingCabinet/index.vue index f8c3895..91c2f7e 100644 --- a/src/views/archivesMIOD/‌filingCabinet/index.vue +++ b/src/views/archivesMIOD/‌filingCabinet/index.vue @@ -534,38 +534,43 @@ export default { } .file-cabinet { - // background: linear-gradient(180deg, #f5f5f5 0%, #e8e8e8 100%); border-radius: 8px; padding: 15px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3); margin-right: 20px; + height: calc(100vh - 180px); } .cabinet-grid { display: flex; gap: 8px; + height: 100%; } .cabinet-column { display: flex; flex-direction: column; gap: 8px; + flex: 1; } -.cabinet-column:nth-child(1) .cabinet-cell { - height: 75px; +.cabinet-column:nth-child(1) .cabinet-cell:not(.cabinet-cell-big) { + flex: 1; + min-height: 0; width: 100px; } -.cabinet-column:nth-child(2) .cabinet-cell, -.cabinet-column:nth-child(3) .cabinet-cell, -.cabinet-column:nth-child(4) .cabinet-cell { - height: 50px; +.cabinet-column:nth-child(2) .cabinet-cell:not(.cabinet-cell-big), +.cabinet-column:nth-child(3) .cabinet-cell:not(.cabinet-cell-big), +.cabinet-column:nth-child(4) .cabinet-cell:not(.cabinet-cell-big) { + flex: 1; + min-height: 0; width: 100px; } .cabinet-column .cabinet-cell-big { - height: 120px !important; + height: 140px; + width: 100px; } .cabinet-cell {