.ledger-main { padding: 16px 24px; display: flex; flex-direction: column; &-title { color: @main-color; } &-display { display: flex; justify-content: center; } &-empty { height: 58vh; display: flex; justify-content: center; align-items: center; background-color: #ffffff; } &-mould { display: flex; // padding-right: 20%; &-img { width: 16px; height: 22px; display: flex; margin-right: 8px; align-items: center; & img { width: 16px; height: 16px; } } } & .ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-description { max-width: 800px !important; } &-excel { background-color: #fff; position: fixed; left: 220px; right: 0; bottom: 0; padding: 12px 16px; display: flex; align-items: center; justify-content: space-between; box-shadow: 4px 0px 5px 0px rgba(0, 0, 0, 0.25); } } .ledgerEdit-main { height: calc(100% - 68px); padding: 16px 24px; display: flex; flex-direction: column; &-submit { position: absolute; bottom: 16px; left: 16px; } &-steps { // & .ant-steps-item-title { // color: rgba(0, 0, 0, 0.45) !important; // } // & .ant-steps-item-description { // color: rgba(0, 0, 0, 0.45) !important; // } & .ant-steps-item-description { max-width: 800px !important; } } &-spin { & .ant-spin-lg .ant-spin-dot { font-size: 80px; } &-img { width: 80px; height: 80px; } } }