From b5f158ce803047ff84352d58e5702dd8cf054a48 Mon Sep 17 00:00:00 2001
From: Adam Caouette <adam.caouette@safelite.com>
Date: Fri, 31 Jan 2025 17:05:57 -0500
Subject: [PATCH] CASH-177: adding 2nd slot to modal / removing SYP-specific
 CSS

---
 src/digital-components/modal/modal.vue | 52 +-------------------------
 1 file changed, 2 insertions(+), 50 deletions(-)

diff --git a/src/digital-components/modal/modal.vue b/src/digital-components/modal/modal.vue
index 571c0aeb8..72ed56035 100644
--- a/src/digital-components/modal/modal.vue
+++ b/src/digital-components/modal/modal.vue
@@ -29,9 +29,10 @@
                     <slot></slot>
                 </div>
                 <div class="modal-footer">
+                    <slot name="modal-footer-slot"></slot>
                     <modalButtonMain
                         isPrimary
-                        class="w-100"
+                        class="w-100 modal-footer-button"
                         :id="modalId + '-modalbtn'"
                         ref="modalButtonMain"
                         loaderColor="white"
@@ -258,56 +259,7 @@ export default {
         }
     }
 }
-.save-progress-modal-question {
-    p.modal-body {
-        padding: 0;
-    }
-    .modal-body {
-        display: flex;
-        flex-direction: column;
 
-        .textbox-question {
-            padding: 0;
-
-            margin: 0 0 1.5rem 0;
-        }
-    }
-}
-
-.save-progress-modal-question,
-.save-progress-popup-question {
-    p.modal-body {
-        padding: 0;
-    }
-    .modal-body {
-        display: flex;
-        flex-direction: column;
-
-        .textbox-question {
-            label {
-                text-align: left;
-                font-weight: 900;
-            }
-        }
-    }
-    .modal-body-inner {
-        text-align: center;
-        margin-bottom: 1.5rem;
-    }
-    .modal-disclaimer {
-        font-size: 0.75rem;
-        order: 2;
-        text-align: left;
-        a {
-            text-decoration: none;
-        }
-    }
-    .modal-footer {
-        margin: 0 0 1.5rem 0;
-        padding-top: 0;
-        padding-bottom: 0;
-    }
-}
 body {
     .modal-backdrop {
         height: 100%;