update mobile view.

APP/src/app/features/disbursement/components/issue-check-dialog/issue-check-dialog.component.html

@@ -1,4 +1,4 @@
-<kendo-dialog title="Issue Checks / 開立支票" [width]="720" (close)="onClose()">
+<kendo-dialog title="Issue Checks / 開立支票" [width]="720" [maxWidth]="'95vw'" [maxHeight]="'90vh'" (close)="onClose()">
   <div class="p-2 flex flex-col gap-4" style="max-height: 70vh; overflow-y: auto;">
 
     <label class="flex flex-col gap-1 w-60">

APP/src/app/features/disbursement/pages/check-register-page/check-register-page.component.html

@@ -114,7 +114,7 @@
   </div>
 
   <!-- Detail dialog -->
-  <kendo-dialog *ngIf="detail" title="Check #{{ detail.checkNumber }}" [width]="560" (close)="detail = null">
+  <kendo-dialog *ngIf="detail" title="Check #{{ detail.checkNumber }}" [width]="560" [maxWidth]="'95vw'" [maxHeight]="'90vh'" (close)="detail = null">
     <div class="p-2 flex flex-col gap-2">
       <div class="grid grid-cols-2 gap-2 text-sm">
         <div><strong>Payee:</strong> {{ detail.payeeName }}</div>
@@ -150,7 +150,7 @@
   </kendo-dialog>
 
   <!-- Void dialog -->
-  <kendo-dialog *ngIf="voidRow" title="Void Check #{{ voidRow.checkNumber }}" [width]="420" (close)="voidRow = null">
+  <kendo-dialog *ngIf="voidRow" title="Void Check #{{ voidRow.checkNumber }}" [width]="420" [maxWidth]="'95vw'" (close)="voidRow = null">
     <div class="p-2 flex flex-col gap-2">
       <p class="text-sm" style="color:#991b1b;">
         Voiding returns the bundled expenses to Approved so they can be re-issued.