Fixed #1146 - Allow Adding Classes to Dialog Content

src/components/dialog/Dialog.d.ts

@@ -5,7 +5,8 @@ interface DialogProps {
     footer?: any;
     visible?: boolean;
     modal?: boolean;
-    contentStyle?: string;
+    contentStyle?: any;
+    contentClass?: string;
     rtl?: boolean;
     closable?: boolean;
     dismissableMask?: boolean;

src/components/dialog/Dialog.vue

@@ -16,7 +16,7 @@
                             </button>
                         </div>
                     </div>
-                    <div class="p-dialog-content" :style="contentStyle">
+                    <div :class="contentStyleClass" :style="contentStyle">
                         <slot></slot>
                     </div>
                     <div class="p-dialog-footer" v-if="footer || $slots.footer">
@@ -41,6 +41,7 @@ export default {
         visible: Boolean,
         modal: Boolean,
         contentStyle: null,
+        contentClass: String,
         rtl: Boolean,
         maximizable: Boolean,
         dismissableMask: Boolean,
@@ -288,6 +289,9 @@ export default {
         },
         attributeSelector() {
             return UniqueComponentId();
+        },
+        contentStyleClass() {
+            return ['p-dialog-content', this.contentClass];
         }
     },
     directives: {

src/views/dialog/DialogDoc.vue

@@ -144,6 +144,12 @@ export default {
                         <td>null</td>
                         <td>Style of the content section.</td>
                     </tr>
+                    <tr>
+                        <td>contentClass</td>
+                        <td>string</td>
+                        <td>null</td>
+                        <td>Style class of the content section.</td>
+                    </tr>
                     <tr>
                         <td>rtl</td>
                         <td>boolean</td>