habitica-self-host/website/client/components/groups/groupGemsModal.vue

<template lang="pug">
  b-modal#group-gems-modal(:title="$t('groupGems')", size='md', :hide-footer="true")
    .modal-body
      .row
        .col-6.offset-3
          h3 {{ $t('groupGemsDesc') }}
    .modal-footer
      .col-12.text-center
          button.btn.btn-primary(@click='close()') {{$t('close')}}
</template>

<style scoped>
  .modal-body {
    margin-top: 1em;
    margin-bottom: 1em;
  }
</style>

<script>
export default {
  methods: {
    close () {
      this.$root.$emit('bv::hide::modal', 'group-gems-modal');
    },
  },
};
</script>