/
gamma
/
Gamma-Admin
Обзор
Документация
Войти
/
gamma
/
Gamma-Admin
Код
Запросы
0
Пакеты
0
Релизы
0
CI/CD
Аналитика
master
src/components/layout/AuthLayoutComponent.vue
50 строк
1 KB
Vlavimir Solodovnikov
New changes
13 июн 2022, 19:25
13 июн 2022, 19:25
75767e9
Код
Авторство
О чём код?
<template> <v-app app> <v-app-bar app flat dense dark color="grey darken-1"> <div class="branding mr-4"> <v-img src="/src/assets/logo.svg" :width="124" :height="48" /> </div> <v-app-bar-title>Admin Panel</v-app-bar-title> </v-app-bar> <v-main> <v-sheet class="d-flex flex-column align-center"> <v-card elevation="4" rounded="lg" width="100%" max-width="420px" min-width="320px" class="ma-6 mt-16"> <v-toolbar flat dense dark color="indigo darken-3" class="page-title"> <v-toolbar-title v-text="state.pageTitle" /> </v-toolbar> <v-card-text> <slot /> </v-card-text> </v-card> </v-sheet> </v-main> </v-app> </template> <style lang="scss" scoped> ::v-deep .page-title .v-toolbar__content { justify-content: center; } </style> <script lang="ts"> import StoreState from 'store/StoreState'; import { Component, Vue } from 'vue-property-decorator'; @Component({ name: 'AuthLayoutComponent', components: {}, }) export default class AuthLayoutComponent extends Vue { public get state(): StoreState { return this.$store.state; } public mounted(): void { const token = localStorage.getItem('token'); if (token) { this.$router.replace('/sites'); } } } </script>