feat: added max width for print setting dialog (#2252)

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">

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,