@use 'element-plus/theme-chalk/src/mixins/mixins.scss' as *;

@include b(pro-page-container){
    display: flex;
    flex-direction: column;
    height: 100%;
    @include e(default-header){
        &{
            margin: 15px 0;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        h2{
            font-size: 20px;
            font-weight: 600;
        }

        @include when (tabs){
            margin-bottom: 0;
        }

        @include when (fixed){
            margin-bottom: 0;
        }
    }

    @include e(header){

        &{
            margin-bottom: 15px;
        }

        @include when(fixed){
            padding-top:15px;
            position: fixed;
            // width: 100%;
            background-color: #fff;
            padding:var(--wet-page-container-pd,20px);
            z-index: 500;
            box-shadow: 3px 2px 8px #f0f1f2;
            box-sizing: border-box;
        }

        .#{$namespace}-tabs__content{
            display: none;
        }
        .#{$namespace}-tabs__header{
            margin-bottom: 0;
        }
    }

    @include e(body){
        flex: 1;
        @include when(header-fixed){
            padding: var(--wet-page-container-pd,20px);
        }

        @include when(full){
            overflow: auto;
        }
    }

    @include e(body-innder){
        @include when(full){
            height: 100%;
            overflow: auto;
        }
    }

    @include e(footer){
        @include when(header-fixed){
            margin: var(--wet-page-container-pd,20px);
        }
        &{
            margin-top: 20px;
        }
    }
}