<template>
    <div class="footer">
        <div class="left">
            &copy; 2021 SearchAndDisplace
        </div>

        <div class="right">
            <span>
                <a href="https://git.law/newroco/searchanddisplace-core/issues">Issues</a>
            </span>

            <span>|</span>

            <span>
                <a href="https://forum.searchanddisplace.com/">Forum</a>
            </span>
        </div>
    </div>
</template>

<script lang="ts">

import Vue from 'vue';
import Component from 'vue-class-component';

@Component
export default class AppFooter extends Vue {
    //
}

</script>

<style lang="sass" scoped>
.right
    span, a
        font-size: 1.2em
        color: white !important
        text-decoration: none
        margin-left: 0.3rem
        margin-right: 0.3rem
</style>
