diff options
author | Maksim Zakharov <m.zakharov@IBS.RU> | 2022-05-23 16:46:24 +0300 |
---|---|---|
committer | Maksim Zakharov <m.zakharov@IBS.RU> | 2022-05-23 16:46:24 +0300 |
commit | 5c7a1dd3d6a22e02b983a01be39b654b8eaa6ad1 (patch) | |
tree | 3f11b86aa27b02fa6b33142f53e5b2c25b33f85f /src/components/Global/PopoverInfo.vue | |
parent | 8086773d610f64ab71a11bd13cc896111b710fc8 (diff) | |
download | webui-vue-5c7a1dd3d6a22e02b983a01be39b654b8eaa6ad1.tar.xz |
Add pages: BMC, Ipv4/6, console settings. Fix routes: add console mixin, disable fullscreen console, add global styles.
Diffstat (limited to 'src/components/Global/PopoverInfo.vue')
-rw-r--r-- | src/components/Global/PopoverInfo.vue | 40 |
1 files changed, 40 insertions, 0 deletions
diff --git a/src/components/Global/PopoverInfo.vue b/src/components/Global/PopoverInfo.vue new file mode 100644 index 00000000..4b1b0b0d --- /dev/null +++ b/src/components/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> |