From b52848595c7d139bb98571f56c55b0b9590393f7 Mon Sep 17 00:00:00 2001
From: Michael Genson <71845777+michael-genson@users.noreply.github.com>
Date: Tue, 21 Mar 2023 14:52:18 -0500
Subject: [PATCH] feat: added max width for print setting dialog (#2252)

---
 .../Domain/Recipe/RecipeDialogPrintPreferences.vue           | 1 +
 frontend/components/global/BaseDialog.vue                    | 5 +++++
 2 files changed, 6 insertions(+)

diff --git a/frontend/components/Domain/Recipe/RecipeDialogPrintPreferences.vue b/frontend/components/Domain/Recipe/RecipeDialogPrintPreferences.vue
index e54d7236b16e..82f6b4aac986 100644
--- a/frontend/components/Domain/Recipe/RecipeDialogPrintPreferences.vue
+++ b/frontend/components/Domain/Recipe/RecipeDialogPrintPreferences.vue
@@ -4,6 +4,7 @@
     :icon="$globals.icons.printerSettings"
     :title="$tc('general.print-preferences')"
     width="70%"
+    max-width="816px"
   >
     <div class="pa-6">
       <v-container class="print-config mb-3 pa-0">
diff --git a/frontend/components/global/BaseDialog.vue b/frontend/components/global/BaseDialog.vue
index ba0ca1341b08..a7f176189759 100644
--- a/frontend/components/global/BaseDialog.vue
+++ b/frontend/components/global/BaseDialog.vue
@@ -5,6 +5,7 @@
       v-model="dialog"
       absolute
       :width="width"
+      :max-width="maxWidth"
       :content-class="top ? 'top-dialog' : undefined"
       :fullscreen="$vuetify.breakpoint.xsOnly"
       @keydown.enter="
@@ -96,6 +97,10 @@ export default defineComponent({
       type: [Number, String],
       default: "500",
     },
+    maxWidth: {
+      type: [Number, String],
+      default: null,
+    },
     loading: {
       type: Boolean,
       default: false,