.content { height: 620px; display: flex; >div { width: 100%; } .subContent { width: 25%; padding: 8px; margin-left: 10px; border-left: 3px solid gainsboro; .subArea, .exceptionArea { height: 100%; .subTitle { background: #E6F3FF; color: #2495FF; padding: 4px 2px; border-radius: 8px; padding-left: 4px; border: 1px solid #C0DFFC; } .subItems { padding: 0 10px; overflow-y: auto; height: 95%; padding: 5px 10px; .subItem { display: flex; justify-content: space-between; margin-bottom: 5px; // >span:last-child:hover { // cursor: pointer; // } .deleteItem { &:hover { cursor: pointer; } } } } } .exceptionArea { height: 20%; margin-top: 20px; .subTitle { background: #FCE7E7; color: #FF4C3E; border: 1px solid #FDBBBB; display: flex; align-items: center; justify-content: space-between; } } } :global { .ant-table-row { height: 49px; } .editable-cell { position: relative; } .editable-cell-value-wrap { padding: 5px 12px; cursor: pointer; } .editable-row:hover .editable-cell-value-wrap { padding: 4px 11px; border: 1px solid #fff; border-radius: 2px; } [data-theme='dark'] .editable-row:hover .editable-cell-value-wrap { border: 1px solid #434343; } .ant-table-cell-ellipsis { overflow: visible; } .ant-table-cell { overflow: visible; } .ant-form-item-explain { position: absolute; height: 35px; // width: 180px; padding: 0 5px; background-color: #ff4d4f; top: 40px; left: 50%; transform: translateX(-50%); border-radius: 5px; } .ant-form-item-explain-error { color: #fff; line-height: 35px; } .ant-select-arrow .anticon { margin-top: 8px; } } }