From e192d5b5d09e6b8dcd7fa31185aebcc19de9c396 Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Mon, 22 Apr 2024 14:24:28 +0700
Subject: [PATCH] refactor: max width form dialog

---
 src/components/FormDialog.vue | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/src/components/FormDialog.vue b/src/components/FormDialog.vue
index daa851c3..64546945 100644
--- a/src/components/FormDialog.vue
+++ b/src/components/FormDialog.vue
@@ -12,6 +12,7 @@ defineProps<{
   badgeLabel?: string;
   badgeClass?: string;
   noFooter?: boolean;
+  maxWidth?: number;
   submit?: (...args: unknown[]) => void;
   close?: (...args: unknown[]) => void;
 }>();
@@ -27,12 +28,8 @@ const zipCode = defineModel<string>('zipCode', { default: '' });
 <template>
   <q-dialog v-model="modal" @hide="close">
     <AppBox
-      style="
-        padding: 0;
-        border-radius: var(--radius-2);
-        max-width: 85%;
-        max-height: 100%;
-      "
+      style="padding: 0; border-radius: var(--radius-2); max-height: 100%"
+      :style="`max-width:${maxWidth ? maxWidth : '85'}%`"
     >
       <q-form greedy @submit.prevent @validation-success="submit">
         <!-- header -->