common.scss

// 模态
.ivu-modal{
    .ivu-modal-content{
        .ivu-modal-close{
            right: 30px;
            top: 4px;
        }
        .ivu-modal-header{
            padding: 10px 30px;
            background-color: var(--app-color-black);
            .ivu-modal-header-inner, p{
                font-size: 16px;
                color: var(--app-color-white);
                height: auto;
                line-height: normal;
            }
        }
        .ivu-modal-body{
            background-color: var(--app-color-gray-400);
            padding: 30px 30px;
        }
        .ivu-modal-footer{
            border-top: 0;
            background-color: var(--app-color-gray-400);
            padding: 0 30px 30px;
            >div{
                display: flex;
                justify-content: flex-end;
            }
        }
    }
}

// 通知框
.ivu-notice{
    .ivu-notice-notice{
        padding: 15px 20px;
        background-color: var(--app-color-gray-400);        
        .ivu-notice-notice-content{
            .ivu-notice-icon{
                font-size: 20px;
                top: 0px;
            }
            .ivu-notice-title{
                margin-left: 30px;
                margin-bottom: 12px;
                font-size: 16px;
                line-height: 23px;
            }
            .ivu-notice-desc{
                margin-left: 30px;
            }
        }
    }
}

// 确认操作框
.ivu-modal-confirm{
    padding: 0;
    margin: -30px -30px;
    .ivu-modal-confirm-head{
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: var(--ey-color-gray-250);
        .ivu-modal-confirm-head-icon{
          display: none;
        }
        .ivu-modal-confirm-head-title{
            font-size: 18px;
            font-weight: bold;
            color: var(--ey-color-black);
        }
    }
    .ivu-modal-confirm-body{
        margin: 30px 0;
        padding: 0 35px;
        font-size: 14px;
        color: var(--ey-color-black);
        text-align: center;
    }
    .ivu-modal-confirm-footer{
        margin: 0 0 30px;
        display: flex;
        justify-content: center;
        .ivu-btn {
          height: var(--ey-confirm-button-height);
          font-size: var(--ey-confirm-button-font-size);
          padding: var(--ey-confirm-button-padding);
          border-radius: var(--ey-confirm-button-radius);
        }
    }
}

.view-layout{
  border-radius: 6px;
  background-color: var(--ey-color-white);
}