html,
body {
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    border: none;
}

.layout-contaner {
    height: 100%;

    .el-aside {
        border-right: 1px solid #ebebeb;
        padding: 10px 0px 10px 10px;
    }

    .el-main {
        display: flex;
        flex-direction: row;
        padding: 0px;
    }
}

.pro-action {
    &+.pro-action {
        margin-left: 10px;
    }
}

.code-gen-dialog .el-dialog__body {
    padding: 10px 20px;
}

.code-gen-preview-templates {
    padding: 10px;
    display: flex;
    border-right: 1px solid #ebebeb;
    flex-direction: column;
    flex: 1 1 0;

    .toolbar {
        height: 40px;
        line-height: 40px;
        border-bottom: 1px solid #ebebeb;
        text-align: left;
        padding: 0px 10px;
    }

    .el-tabs {
        margin: 0px;
        height: 100%;
        display: flex;
        flex-direction: column;

        .el-tab-pane {
            display: flex;
            flex-direction: column;

            .form-render-contaner {
                flex: 1 1 0;
                box-sizing: border-box;
                margin: 10px 30px;
                background: aliceblue;
                overflow: auto;
                padding: 10px 20px;

                .form-body {
                    width: 1024px;
                    height: 500px;
                }

            }
        }
    }

    .detail-wapper {
        min-height: 20px;
    }
}

.data-vsetting{
    box-sizing: border-box;
    border: 1px solid #ffffff;

    &:hover {
        border: 1px solid blueviolet;
        cursor: pointer;
    }
}