summaryrefslogtreecommitdiffstats
path: root/webapp/src/components/StartPage.vue
blob: fa5da86f1b00e00a9c5ea5b17ccba0be8720fddc (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
<i18n>
{
  "en": {
  },
  "de": {
  }
}
</i18n>

<template>
  <v-app dark class="grey darken-4 non-selectable">
    <div class="start-page">
      <img class="logo non-draggable" src="@/assets/logo.svg" />
      <router-view></router-view>
    </div>
    <notifications-snackbars></notifications-snackbars>
  </v-app>
</template>

<script>
import NotificationsSnackbars from '@/components/NotificationsSnackbars'
import StartPageLogin from '@/components/StartPageLogin'
import StartPageSetup from '@/components/StartPageSetup'
export default {
  name: 'StartPage',
  routes () {
    return [
      { name: 'login', path: 'login', component: StartPageLogin },
      { name: 'setup', path: 'setup', component: StartPageSetup }
    ]
  },
  components: {
    NotificationsSnackbars
  }
}
</script>

<style scoped>
.start-page {
  height: 100%;
  width: 100%;
  min-height: 500px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.logo {
  height: 180px;
  margin-bottom: 60px;
}
</style>