Estoy tratando de crear una página para mostrar los términos y condiciones de mi sitio web. Estoy usando el marco nebular para mi sitio web. Al hacer clic en un enlace, los términos y condiciones se muestran al usuario en un cuadro de diálogo modal. El problema al que me enfrento aquí es cuando se carga la ventana modal, el texto en la parte inferior del panel se muestra al usuario en lugar del texto en la parte superior. Me gustaría mostrar primero el texto en la parte superior desde donde el usuario puede desplazarse hacia abajo. Consulte la impresión de pantalla y el código correspondiente a continuación,

Ventana modal que muestra los términos y condiciones

código HTML

 <nb-card status="warning" class="dialog-card" nbSpinnerStatus="warning"> <nb-card-header>Terms and Conditions</nb-card-header> <nb-card-body> <div class="tandctext"> <label> <b><u>Terms and Conditions</u></b> <p> A Terms and Conditions agreement acts as legal contracts between you (the company) who has the website or mobile app, and the user who accesses your website/app. Having a Terms and Conditions agreement is completely optional. No laws require you to have one. Not even the super-strict and wide-reaching General Data Protection Regulation (GDPR). </p> </label> <br/> <div> <button class="offset-sm-5 col-sm-2" tabindex="2" type="submit" nbButton status="basic" autofocus (click)="closeDialog()">Close</button> </div> </div> </nb-card-body> </nb-card>

CSS

 .dialog-card{ width: 800px; max-height: 90vh; } .tandctext { height: 50vh; overflow: auto; }

Por favor, ayúdame con la mejor y más fácil manera de hacer esto.