update mobile view.

2026-06-23 14:18:55 -07:00
parent 68649223d9
commit 2e226e60f5
16 changed files with 21 additions and 21 deletions
@@ -47,7 +47,7 @@
  <kendo-dialog *ngIf="groupDialogOpen"
    [title]="editingGroupId != null ? 'Edit Group' : 'New Group'"
    (close)="groupDialogOpen = false"
-    [width]="480">
+    [width]="480" [maxWidth]="'95vw'">
    <div class="grid grid-cols-1 md:grid-cols-2 gap-x-4 gap-y-3">
      <label class="flex flex-col gap-1">
        Name (EN) *
@@ -75,7 +75,7 @@
  <kendo-dialog *ngIf="subDialogOpen"
    [title]="editingSubId != null ? 'Edit Subcategory' : 'New Subcategory'"
    (close)="subDialogOpen = false"
-    [width]="480">
+    [width]="480" [maxWidth]="'95vw'">
    <div class="grid grid-cols-1 md:grid-cols-2 gap-x-4 gap-y-3">
      <label class="flex flex-col gap-1">
        Name (EN) *
@@ -101,7 +101,7 @@
  </app-expense-form-dialog>

  <!-- Mark Paid dialog -->
-  <kendo-dialog *ngIf="payRow" title="Mark Paid" [width]="400" (close)="payRow = null">
+  <kendo-dialog *ngIf="payRow" title="Mark Paid" [width]="400" [maxWidth]="'95vw'" (close)="payRow = null">
    <div class="grid grid-cols-1 gap-3 p-2">
      <label class="flex flex-col gap-1">
        Check #
@@ -119,7 +119,7 @@
  </kendo-dialog>

  <!-- Reject dialog -->
-  <kendo-dialog *ngIf="rejectRow" title="Reject Expense" [width]="400" (close)="rejectRow = null">
+  <kendo-dialog *ngIf="rejectRow" title="Reject Expense" [width]="400" [maxWidth]="'95vw'" (close)="rejectRow = null">
    <div class="grid grid-cols-1 gap-3 p-2">
      <label class="flex flex-col gap-1">
        Review Notes
@@ -55,7 +55,7 @@
  </kendo-grid>

  <!-- Create / Edit dialog -->
-  <kendo-dialog *ngIf="dialogOpen" title="Monthly Statement" [width]="560" (close)="dialogOpen = false">
+  <kendo-dialog *ngIf="dialogOpen" title="Monthly Statement" [width]="560" [maxWidth]="'95vw'" [maxHeight]="'90vh'" (close)="dialogOpen = false">
    <div class="grid grid-cols-1 md:grid-cols-2 gap-3 p-2">

      <label class="flex flex-col gap-1">