@ttk/component/src/tax72/style/components/modal.less

ttk组件库

.@{ant-prefix}-modal-wrap {
    text-align: center;
}
// 添加伪元素实现居中
.@{ant-prefix}-modal-wrap::before {
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
    content: '';
}
.@{ant-prefix}-modal {
    top: 0;
    display: inline-block;
    padding-bottom: 0;
    vertical-align: middle;
    text-align: left;
    .@{ant-prefix}-modal-close-x {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
    .@{ant-prefix}-modal-header {
        height: 40px;
        padding: 0 80px 0px 20px;
        .@{ant-prefix}-modal-title {
            font-size: 14px;
            line-height: 40px;
            font-weight: 400;
        }
    }
    .@{ant-prefix}-modal-body {
        padding: 30px;
        min-height: 50px;
        max-height: calc(100vh - 200px);
        overflow: auto;
    }
    .@{ant-prefix}-modal-footer {
        border-top: none;
        padding: 20px;
    }
}