footer.vue 935 Bytes
Newer Older
1
<template>
2
3
4
  <q-toolbar
    :class="$q.dark.isActive ? 'bg-dark' : 'bg-secondary text-primary'"
  >
5
6
7
8
9
10
    <div class="footer__wrap">
      <div
        bordered
        class="row justify-center items-center"
        reveal
      >
11
12
        <Language v-if="config['language-switch']" />

13
14
15
        <Color :projectcolors="projectcolors" />
        <Softwareinfo />
      </div>
16
17
    </div>
  </q-toolbar>
18
19
20
</template>

<script>
schneider210's avatar
schneider210 committed
21
import Color from '@/components/color.vue';
22
import Language from '@/components/language.vue';
schneider210's avatar
schneider210 committed
23
import Softwareinfo from '@/components/softwareinfo.vue';
24
25
26
27

export default {
  name: 'Footer',
  components: {
schneider210's avatar
schneider210 committed
28
    Color,
29
    Language,
schneider210's avatar
schneider210 committed
30
    Softwareinfo,
31
  },
32
  props: {
33
34
35
36
    config: {
      type: Object,
      default: () => {},
    },
schneider210's avatar
schneider210 committed
37
38
39
40
    projectcolors: {
      type: Object,
      default: () => {},
    },
41

42
  },
43
44
};
</script>
45
46
47
48
49
50
51

<style lang="scss" scoped>
.footer__wrap {
  margin: 0 auto;
  max-width: 1200px;
}
</style>