Merge branch 'dialog-changes'

Author: Aayush Jain

package-lock.json

@@ -49,13 +49,16 @@
   }
 
   .nitrozen-dialog-footer {
-    margin: 0 0 24px;
+    margin: 24px 0 24px;
     padding: 0 24px;
     height: 36px;
     justify-content: flex-end;
     .nitrozen-dialog-negative-button {
       color: #fa3f4d;
     }
+    .nitrozen-dialog-footer-button-margin{
+      margin-right: 16px;
+    } 
   }
 
   .nitrozen-dialog-body {

src/components/NDialog/NDialog.less

@@ -29,23 +29,28 @@
           </section>
           <footer class="nitrozen-dialog-footer">
             <slot name="footer">
+              <nitrozen-button
+                v-if="positiveButtonLabel"
+                :theme="`${theme || 'secondary'}`"
+                v-flat-btn
+                class="nitrozen-dialog-footer-button-margin"
+                @click="close(positiveButtonLabel)"
+                >{{ positiveButtonLabel }}</nitrozen-button
+              >
               <nitrozen-button
                 v-if="neutralButtonLabel"
-                theme="secondary"
+                :theme="`${theme || 'secondary'}`"
+                class="nitrozen-dialog-footer-button-margin"
                 @click="close(neutralButtonLabel)"
                 >{{ neutralButtonLabel }}</nitrozen-button
               >
               <nitrozen-button
-                class="nitrozen-dialog-negative-button"
                 v-if="negativeButtonLabel"
+                :theme="`${theme || 'secondary'}`"
+                v-stroke-btn
                 @click="close(negativeButtonLabel)"
                 >{{ negativeButtonLabel }}</nitrozen-button
               >
-              <nitrozen-button
-                v-if="positiveButtonLabel"
-                @click="close(positiveButtonLabel)"
-                >{{ positiveButtonLabel }}</nitrozen-button
-              >
             </slot>
           </footer>
         </div>
@@ -77,6 +82,12 @@ export default {
     title: {
       type: String,
     },
+    /**
+     * theme of button
+     */
+    theme: {
+      type: String
+    }
   },
   data: () => {
     return {

src/components/NDialog/NDialog.vue

@@ -988,7 +988,7 @@ export default {
           break;
         case "confirm":
           this.$refs["confirm_dialog"].open({
-            width: "300px",
+            width: "500px",
             positiveButtonLabel: "Delete",
             negativeButtonLabel: "Cancel",
             neutralButtonLabel: false,