ahasani
42b8476b96
- Replaced SharedDialogComponent with SharedLightBottomsheetComponent in customer-dialog, order-submitted-dialog, payment form-dialog, and pre-invoice-dialog components. - Updated styles and properties for light-bottomsheet to enhance responsiveness and usability. - Modified payload form components to use measure units instead of unit types for better clarity. - Adjusted form controls to use consistent naming conventions for amounts and percentages. - Enhanced support for overlay options in select components to manage z-index dynamically. - Improved support for RTL layouts in input groups and other components.
27 lines
783 B
HTML
27 lines
783 B
HTML
<div class="light-bottomsheet-mask" (click)="onMaskClick()"></div>
|
|
|
|
<section class="light-bottomsheet-panel" [ngStyle]="style || { 'max-height': mobileDrawerHeight, height: 'auto' }">
|
|
<div class="light-bottomsheet-content">
|
|
@if (header || closable) {
|
|
<header class="light-bottomsheet-header">
|
|
<span class="text-xl font-bold">{{ header }}</span>
|
|
@if (closable) {
|
|
<p-button
|
|
type="button"
|
|
icon="pi pi-times"
|
|
text
|
|
size="small"
|
|
class="light-bottomsheet-close"
|
|
(click)="onVisibilityChange(false)"
|
|
aria-label="Close"
|
|
>
|
|
</p-button>
|
|
}
|
|
</header>
|
|
}
|
|
<div class="p-4">
|
|
<ng-content></ng-content>
|
|
</div>
|
|
</div>
|
|
</section>
|