@use '../common.scss' as *; 
 | 
@use './var.scss' as *; 
 | 
  
 | 
.page-form-layout-v2 { 
 | 
  @include bole-set-component-css-var('page-form-layout-v2', $bole-page-form-layout-v2); 
 | 
  
 | 
  flex: 1; 
 | 
  display: flex; 
 | 
  flex-direction: column; 
 | 
  min-height: 0; 
 | 
  background-color: #ffffff; 
 | 
  
 | 
  .page-form-layout-v2-title-wrapper { 
 | 
    display: flex; 
 | 
    padding: 0 boleGetCssVar('page-form-layout-v2', 'padding-horizontal'); 
 | 
    height: 48px; 
 | 
    background-color: getCssVar('color', 'primary', 'light-9'); 
 | 
  
 | 
    .page-form-layout-v2-title-left { 
 | 
      display: flex; 
 | 
      align-items: center; 
 | 
      min-width: 0; 
 | 
      flex: 1; 
 | 
  
 | 
      .page-form-layout-v2-title-line { 
 | 
        margin-right: 4px; 
 | 
        width: 2px; 
 | 
        height: 16px; 
 | 
        background: getCssVar('color', 'primary'); 
 | 
      } 
 | 
  
 | 
      .page-form-layout-v2-title { 
 | 
        min-width: 0; 
 | 
        font-size: 16px; 
 | 
        font-weight: bold; 
 | 
        color: getCssVar('color', 'primary'); 
 | 
        flex: 1; 
 | 
        line-height: 22px; 
 | 
  
 | 
        @include utils-ellipsis; 
 | 
      } 
 | 
    } 
 | 
  } 
 | 
  
 | 
  .el-form { 
 | 
    padding: 40px boleGetCssVar('page-form-layout-v2', 'padding-horizontal') 0; 
 | 
    // flex: 1; 
 | 
    // height: 0; 
 | 
  } 
 | 
  
 | 
  .el-dialog .el-form { 
 | 
    padding: 0; 
 | 
  } 
 | 
  
 | 
  .page-form-layout-v2-footer { 
 | 
    display: flex; 
 | 
    justify-content: end; 
 | 
    align-items: center; 
 | 
    padding: 0 boleGetCssVar('page-form-layout-v2', 'padding-horizontal'); 
 | 
    height: 72px; 
 | 
    border-top: 1px solid getCssVar('border-color', 'lighter'); 
 | 
  
 | 
    .el-button { 
 | 
      padding: 9px 28px; 
 | 
      font-size: 14px; 
 | 
      border-radius: 6px; 
 | 
    } 
 | 
  } 
 | 
} 
 | 
  
 | 
.center-layout-page-tab { 
 | 
  .el-tabs { 
 | 
    --el-tabs-header-height: 66px; 
 | 
  
 | 
    .el-tabs__header { 
 | 
      margin-bottom: 10px; 
 | 
      background-color: #ffffff; 
 | 
  
 | 
      .el-tabs__nav-wrap { 
 | 
        padding: 0 20px; 
 | 
  
 | 
        &::after { 
 | 
          display: none; 
 | 
        } 
 | 
      } 
 | 
    } 
 | 
  } 
 | 
} 
 |