| | |
| | | } |
| | | |
| | | .form-cell:nth-child(3) { |
| | | flex: 1 1 0; |
| | | min-width: 180px; |
| | | flex: 0 0 auto; |
| | | min-width: 0; |
| | | max-width: 220px; /* 限制最大宽度,避免撑开 */ |
| | | justify-content: flex-end; |
| | | } |
| | | |
| | |
| | | .input-with-unit { |
| | | display: flex; |
| | | align-items: center; |
| | | flex: 1; |
| | | width: auto !important; /* 让内容自适应 */ |
| | | min-width: 0; |
| | | flex-shrink: 1; |
| | | } |
| | | |
| | | .input-with-unit .input { |
| | |
| | | } |
| | | |
| | | .input-life-warn { |
| | | width: 24px !important; |
| | | width: 48px !important; /* 稍微放宽,避免字体溢出 */ |
| | | min-width: 0 !important; |
| | | margin-right: 4px; |
| | | padding-left: 2px; |
| | | padding-right: 2px; |
| | | font-size: 22px !important; /* 字体加大 */ |
| | | font-size: 22px !important; |
| | | text-align: center; |
| | | box-sizing: border-box; |
| | | } |
| | | |
| | | .input, |