app-preset-button.less 1.2 KB
.app-preset-button {
    height: 40px;
    width: 100%;
    .ivu-btn {
        width: 100%;
        height: 100%;
    }
    .ivu-button {
        font-size: 12px;
    
        >span {
            display: flex;
            align-items: center;
            justify-content: center;
        }
    
        .button-content {
            display: flex;
    
            &.left {
                justify-content: flex-start;
                align-items: center;
    
                .icon+.caption {
                    padding-left: 6px;
                }
            }
    
            &.right {
                flex-direction: row-reverse;
                justify-content: flex-start;
                align-items: center;
    
                .icon+.caption {
                    padding-right: 6px;
                }
            }
    
            &.top {
                flex-direction: column;
                justify-content: flex-start;
            }
    
            &.bottom {
                flex-direction: column-reverse;
                justify-content: flex-start;
            }
        }
    }
    .ivu-btn-loading {
        display: flex;
        line-height: 2;
    
        .ivu-icon-ios-loading {
            line-height: 2;
        }
    }
}