¿Cómo puedo usar el diseño flexible en el componente mat-expansion-panel para que tenga el tamaño de la pantalla del móvil?
El componente: imagen del componente
cómo se muestra en la vista móvil: vista móvil
puede ver que el componente se ha cortado por la mitad.
El código:
<ngc-card class="card-custom" fxLayout.xs="column" > <div *ngFor="let inscricao of inscricoes; let p=index" class="container" style="display: flex"> <mat-expansion-panel hideToggle class="container2" > <mat-expansion-panel-header> <button (click)="expandedElement = expandedElement === element ? null : element"> <mat-icon > {{ expandedElement !== element ? 'keyboard_arrow_up' : 'keyboard_arrow_down' }} </mat-icon> </button> <mat-panel-title style="font-size:15px"> ....