From f847f7dd0f3728b9aab319a156c54a8cab388f0d Mon Sep 17 00:00:00 2001
From: Mateja <mail@matejamaric.com>
Date: Tue, 27 Jul 2021 13:41:02 +0200
Subject: Add Model component.

---
 client/src/components/Modal.vue | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)
 create mode 100644 client/src/components/Modal.vue

(limited to 'client')

diff --git a/client/src/components/Modal.vue b/client/src/components/Modal.vue
new file mode 100644
index 0000000..90574bb
--- /dev/null
+++ b/client/src/components/Modal.vue
@@ -0,0 +1,30 @@
+<template>
+  <div class="modal d-block" tabindex="-1">
+    <div class="modal-dialog modal-dialog-centered">
+      <div class="modal-content">
+        <div class="modal-header">
+          <h5 class="modal-title">{{ title }}</h5>
+          <button type="button" class="btn-close" @click="close"></button>
+        </div>
+        <div class="modal-body">
+          <slot></slot>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="modal-backdrop show"></div>
+</template>
+
+<script>
+export default {
+  name: 'Modal',
+  props: {
+    title: String,
+  },
+  methods: {
+    close() {
+      this.$emit('close');
+    }
+  }
+}
+</script>
-- 
cgit v1.2.3