next-ucap-messenger/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/settings/messenger-settings.dialog.component.scss

::ng-deep .cdk-overlay-pane{
  width:600px;
  max-height:90%;
  .setting-frame{
    .mat-dialog-container {
      position: relative;
    }
  }
}
.confirm-card {
  padding: 16px;
  min-width: 500px;
  position: relative;

  .mat-card-header {
    position: relative;
    width: 100%;
    margin-bottom: 12px;
    .mat-card-header-text {
      .mat-card-title {
      }
    }
  }

  .mat-card-content {
    flex: 0 0 auto;
    display: flex;
    align-items: flex-start;
    height: calc(100% - 100px);
    .setting-tab {
      width:100%;
      height:100%;
      position: relative;
      .mat-tab-group {
        width:100%;
        height:100%;
        position: relative;
      }
    }
  }

  .button-farm {
    text-align: right;
    position: relative;
    width: 100%;
    bottom: 10px;
    .mat-primary {
      margin-left: 4px;
    }
  }
}

::ng-deep .mat-tab-group {
  .mat-tab-header{
    margin-bottom:10px;
    .mat-tab-labels{
    border-bottom:2px solid #dddddd;
    .mat-tab-label{
      padding:0 10px;
      }
    }
  }
}