| | |
| | | } |
| | | |
| | | /* 上半部分:左右布局 */ |
| | | .top-section { |
| | | display: flex; |
| | | justify-content: space-between; |
| | | flex-grow: 1; |
| | | margin-bottom: 4vh; |
| | | } |
| | | .top-section { |
| | | display: flex; |
| | | justify-content: space-between; |
| | | flex-grow: 1; |
| | | margin-bottom: 4vh; |
| | | flex-wrap: nowrap; /* 防止子元素换行 */ |
| | | } |
| | | |
| | | .left-section { |
| | | width: 55%; /* 原65%,改为55% */ |
| | | width: 50%; /* 再缩小一点 */ |
| | | display: flex; |
| | | flex-direction: column; |
| | | } |
| | |
| | | |
| | | /* 右边工单状态部分 */ |
| | | .right-section { |
| | | width: 30%; /* 原来是30%,调大一点 */ |
| | | width: 28%; /* 再缩小一点 */ |
| | | display: flex; |
| | | flex-direction: column; |
| | | align-items: flex-start; |