|
|
@ -534,38 +534,43 @@ export default { |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.file-cabinet { |
|
|
.file-cabinet { |
|
|
// background: linear-gradient(180deg, #f5f5f5 0%, #e8e8e8 100%); |
|
|
|
|
|
border-radius: 8px; |
|
|
border-radius: 8px; |
|
|
padding: 15px; |
|
|
padding: 15px; |
|
|
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3); |
|
|
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3); |
|
|
margin-right: 20px; |
|
|
margin-right: 20px; |
|
|
|
|
|
height: calc(100vh - 180px); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.cabinet-grid { |
|
|
.cabinet-grid { |
|
|
display: flex; |
|
|
display: flex; |
|
|
gap: 8px; |
|
|
gap: 8px; |
|
|
|
|
|
height: 100%; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.cabinet-column { |
|
|
.cabinet-column { |
|
|
display: flex; |
|
|
display: flex; |
|
|
flex-direction: column; |
|
|
flex-direction: column; |
|
|
gap: 8px; |
|
|
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; |
|
|
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; |
|
|
width: 100px; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.cabinet-column .cabinet-cell-big { |
|
|
.cabinet-column .cabinet-cell-big { |
|
|
height: 120px !important; |
|
|
|
|
|
|
|
|
height: 140px; |
|
|
|
|
|
width: 100px; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.cabinet-cell { |
|
|
.cabinet-cell { |
|
|
|
