| | |
| | | border-bottom: 1px solid #e4e7ed; |
| | | } |
| | | |
| | | ::v-deep .el-dialog__body { |
| | | padding: 20px; |
| | | max-height: 80vh; |
| | | overflow: hidden; |
| | | } |
| | | |
| | | @media screen and (max-width: 1200px) { |
| | | ::v-deep .el-dialog__body { |
| | | max-height: none; |
| | | overflow: auto; |
| | | } |
| | | } |
| | | |
| | | .approval-dialog { |
| | | display: flex; |
| | | height: 60vh; |
| | | padding:20px; |
| | | overflow: hidden; |
| | | |
| | | @media screen and (max-width: 1200px) { |
| | | flex-direction: column; |
| | | height: auto; |
| | | |
| | | .approval-content, .approval-flow { |
| | | width: 100%; |
| | | margin-right: 0; |
| | | margin-bottom: 20px; |
| | | height: 50vh; |
| | | } |
| | | } |
| | | |
| | | .approval-content { |
| | | flex: 1; |
| | | flex: 7; |
| | | margin-right: 20px; |
| | | background: #ffffff; |
| | | box-shadow: 0px 4px 12px 4px rgba(0, 0, 0, 0.08); |
| | | border-radius: 10px; |
| | | overflow-y: auto; |
| | | } |
| | | |
| | | .approval-flow { |
| | | flex: 3; |
| | | min-width: 350px; |
| | | padding: 40px 20px; |
| | | width: 405px; |
| | | background: #ffffff; |
| | | box-shadow: 0px 4px 12px 4px rgba(0, 0, 0, 0.08); |
| | | border-radius: 10px; |
| | | overflow-y: auto; |
| | | |
| | | .flow-title { |
| | | font-size: 16px; |