Modal ze zmianami

src/components/PopUpCard.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="bg-dimmer"></div>
-  <div class="popup-card">
+  <div class="g-card popup-card">
     <div class="card_content">
       <p>{{ store.alertMessage || store.confirmMessage }}</p>
     </div>
@@ -56,24 +56,6 @@ export default defineComponent({
 
   background-color: #0000004f;
 }
-.popup-card {
-  position: fixed;
-  z-index: 999;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-
-  width: 80%;
-  max-width: 350px;
-
-  padding: 0.5em 1em;
-  margin-top: 1em;
-
-  font-size: 1.35em;
-
-  background-color: #2a2a2a;
-  box-shadow: 2px 0 10px 2px #1f1f1f;
-}
 
 .card_content {
   text-align: center;