Footer.vue 1.3 KB
Newer Older
1
<template>
2
3
4
5
    <footer class="tw-p-2 tw-bg-gray-800">
        <b-container>
            <b-row>
                <b-col>
6
                    aura/<b>dashboard</b> v{{ version }}
Richard Blechinger's avatar
Richard Blechinger committed
7
8
9
10
                    <span
                            v-for="mod in modules.footer"
                            :key="mod.slug"
                    >
11
12
13
14
15
                      | <router-link :to="mod.slug">
                        {{ mod.title }}
                      </router-link>
                    </span>

Richard Blechinger's avatar
Richard Blechinger committed
16
17
18
                    |
                    <router-link to="/credits">
                        Credits
19
20
21
22
23
24
25
26
                    </router-link>
                </b-col>
                <b-col align="right">
                    {{ $t('footer.tagline') }}
                </b-col>
            </b-row>
        </b-container>
    </footer>
27
</template>
28
npm
29
<script>
30
    export default {
Richard Blechinger's avatar
Richard Blechinger committed
31
32
33
34
35
36
        props: {
            modules: {
                type: Object,
                required: true,
            }
        },
37
38
39
40
41
        computed: {
            version() {
                return process.env.VUE_APP_VERSION
            }
        }
42
    }
43
44
</script>

45
<style scoped>
46
47
48
49
50
51
    footer {
        border-top: 1px solid #2e3436;
        color: rgba(255, 255, 255, 0.5);
        width: 100%;
        margin-top: auto;
    }
52

53
54
55
    a {
        color: #cc149e;
    }
56
</style>