Как увеличить ширину ngbmodal

Question

Мне нужно знать, как я могу увеличить размер окна ngbModal?Из-за небольшого размера коробки некоторые шрифты отображаются за пределами коробки.

<ng-template #deletecontent2 let-c="close" let-d="dismiss" >
  <div class="modal-header  text-center" >
    <h2 class="modal-title  text-center" style="font-weight: 500">Policy Details</h2>
       <button type="button" class="close" aria-label="Close" (click)="d('Cross click')">
         <span aria-hidden="true">&times;</span>
       </button>
   </div>

    <div class="col-md-6 col-xs-6 col-lg-6 col-sm-6" align="center">

       <div class="text-left"><h5 style="font-weight: 500">Policy Details</h5></div>
         <div class="text-center" *ngIf="selectedDeal">
           <p>Plan : {{selectedDeal.plan}}</p>
           <p>Room Limit : {{selectedDeal.room_limit || 'N/A'}}</p>
           <p>Issuance Date : {{selectedDeal.issuance_date || 'N/A'}}</p>
         </div>
       </div>


  <div class="row" >
     <div  align="center" >
      <div class=" text-center"><h5 style="font-weight: 500">Terms & Condition</h5></div>       
         <div *ngIf="displayData && displayData.length > 0" style="text-align: center">
            <tr *ngFor="let policy of displayData" class="block_container1"><div class="bloc1">{{policy.name}} :</div><div class="bloc2">&nbsp; {{policy.value}}</div></tr>
         </div>

     </div>
  </div>


</ng-template>

.ts

openDeal2(deletecontent2,se){
    this.selectedDeal = se;
    this.dealModal= this.modalService.open(deletecontent2, se);
    this.dealModal.result.then(r=>{
      }, err=> console.log(err))

    console.log(this.selectedDeal.policywording);
    this.wording = this.selectedDeal.policywording;


    this.displayData = [];

    if (this.wording) {
      const policies = this.wording.split('|').filter(w => w !== '');
      this.displayData = [];
      policies.forEach((policy) => {
      const splited = policy.split('=');
      const displayPolicy = {name: splited[0], value: splited[1]};
      this.displayData.push(displayPolicy);
        });
    }

}

Просто нужно увеличить окно, чуть больше нужно показывать шрифты только в окне.Спасибо

Answer 1

Я не уверен, насколько большим или маленьким должен быть ящик, но вы можете использовать свойство size, которое можно изменить с помощью службы NgbModal, указав для второго аргумента NgbModalOptions. Вы можете обратиться к более подробной информации о документации .

this.modalService.open(content, { 
  size: 'lg',
  // other properties 
});

В противном случае, если у вас есть какие-либо требования к стилю, вы можете использовать свойство windowClass и передать его в NgbModalOptions.

this.modalService.open(content, { 
  windowClass: 'your-class'
  // other properties 
});