Is it possible to change the shape of the bootstrap popup box from rectangular to square? I need it to be a square box. Any help would be greatly appreciated. Thank you in advance.
For reference, here is an example:
https://i.sstatic.net/APZNt.png
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<ng-template #content let-c="close" let-d="dismiss">
<div class="modal-body">
<button type="button" class="close" aria-label="Close" (click)="d('Cross click')">
<span aria-hidden="true">×</span>
</button>
<input type="file" (change)="onFileChange($event)" />
<button type="button" class="btn btn-info btn-sm" (click)="c('Save click')">Save</button>
<button type="button" class="btn btn-info btn-sm" (click)="c('Save click')">Cancel</button>
</div>
</ng-template>