forked from LaconicNetwork/cosmos-explorer
74 lines
1.5 KiB
Vue
74 lines
1.5 KiB
Vue
<template>
|
|
<!-- Error page-->
|
|
<div class="misc-wrapper">
|
|
<b-link class="brand-logo">
|
|
<vuexy-logo />
|
|
<h2 class="brand-text text-primary ml-1">
|
|
PING.PUB
|
|
</h2>
|
|
</b-link>
|
|
|
|
<div class="misc-inner p-2 p-sm-3">
|
|
<div class="w-100 text-center">
|
|
<h2 class="mb-1">
|
|
Sorry, The chain is not found
|
|
</h2>
|
|
<p class="mb-2">
|
|
Feel free to contact us if you want to add your chain.
|
|
</p>
|
|
|
|
<b-button
|
|
variant="primary"
|
|
class="mb-2 btn-sm-block"
|
|
:to="{path:'/'}"
|
|
>
|
|
Back to home
|
|
</b-button>
|
|
|
|
<!-- image -->
|
|
<b-img
|
|
fluid
|
|
:src="imgUrl"
|
|
alt="Error page"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- / Error page-->
|
|
</template>
|
|
|
|
<script>
|
|
/* eslint-disable global-require */
|
|
import { BLink, BButton, BImg } from 'bootstrap-vue'
|
|
import VuexyLogo from '@core/layouts/components/Logo.vue'
|
|
import store from '@/store/index'
|
|
|
|
export default {
|
|
components: {
|
|
VuexyLogo,
|
|
BLink,
|
|
BButton,
|
|
BImg,
|
|
},
|
|
data() {
|
|
return {
|
|
downImg: require('@/assets/images/pages/error.svg'),
|
|
}
|
|
},
|
|
computed: {
|
|
imgUrl() {
|
|
if (store.state.appConfig.layout.skin === 'dark') {
|
|
// eslint-disable-next-line vue/no-side-effects-in-computed-properties
|
|
this.downImg = require('@/assets/images/pages/error-dark.svg')
|
|
return this.downImg
|
|
}
|
|
return this.downImg
|
|
},
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
@import '@core/scss/vue/pages/page-misc.scss';
|
|
</style>
|