From ac2e648139a370f1c5b418cfb1694b348f992f8e Mon Sep 17 00:00:00 2001
From: Anna Tsyganova <ATSyganova@IBS.RU>
Date: Wed, 13 Jul 2022 12:12:58 +0300
Subject: Add pages bms Issue: SILABMC-191

---
 src/components/_sila/Global/PopoverInfo.vue | 40 +++++++++++++++++++++++++++++
 1 file changed, 40 insertions(+)
 create mode 100644 src/components/_sila/Global/PopoverInfo.vue

(limited to 'src/components/_sila/Global/PopoverInfo.vue')

diff --git a/src/components/_sila/Global/PopoverInfo.vue b/src/components/_sila/Global/PopoverInfo.vue
new file mode 100644
index 00000000..4b1b0b0d
--- /dev/null
+++ b/src/components/_sila/Global/PopoverInfo.vue
@@ -0,0 +1,40 @@
+<template>
+  <b-popover :target="id" triggers="hover" placement="top">
+    <span class="regular-12px">{{ description }}</span>
+  </b-popover>
+</template>
+
+<script>
+export default {
+  props: {
+    description: {
+      type: String,
+      default: '',
+    },
+    id: {
+      type: String,
+      default: '',
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.popover::v-deep {
+  background-color: #040a0f;
+  width: 168px;
+  height: 76px;
+}
+
+.popover::v-deep .arrow {
+  visibility: visible;
+}
+
+.popover::v-deep .arrow::after {
+  border-top-color: #040a0f;
+  border-bottom-color: #040a0f;
+}
+
+.regular-12px {
+  color: $white;
+}
+</style>
-- 
cgit v1.2.3

