26 lines
737 B
HTML
26 lines
737 B
HTML
|
<div class="light-bottomsheet-mask" (click)="onMaskClick()"></div>
|
|||
|
|
|
|||
|
|
<section
|
|||
|
|
class="light-bottomsheet-panel"
|
|||
|
|
role="dialog"
|
|||
|
|
aria-modal="true"
|
|||
|
|
[attr.aria-hidden]="!visible"
|
|||
|
|
[ngStyle]="style || { 'max-height': mobileDrawerHeight, height: 'auto' }"
|
|||
|
|
>
|
|||
|
|
<div class="light-bottomsheet-content">
|
|||
|
|
@if (header || closable) {
|
|||
|
|
<header class="light-bottomsheet-header">
|
|||
|
|
<h3 class="light-bottomsheet-title">{{ header }}</h3>
|
|||
|
|
@if (closable) {
|
|||
|
|
<button type="button" class="light-bottomsheet-close" (click)="onVisibilityChange(false)" aria-label="Close">
|
|||
|
|
×
|
|||
|
|
</button>
|
|||
|
|
}
|
|||
|
|
</header>
|
|||
|
|
}
|
|||
|
|
<div class="p-4">
|
|||
|
|
<ng-content></ng-content>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</section>
|