37 lines
860 B
Vue
37 lines
860 B
Vue
<template>
|
|
<v-app-bar color="primary" dark flat app>
|
|
<v-container class="d-flex justify-space-between align-center">
|
|
<v-btn to="/" text rounded
|
|
><v-icon left>mdi-cube-scan</v-icon>Kitabu Chain Explorer</v-btn
|
|
>
|
|
<v-spacer></v-spacer>
|
|
<div>
|
|
<v-btn
|
|
small
|
|
v-for="link in internalLinks"
|
|
:key="link.title"
|
|
text
|
|
:to="link.link"
|
|
rounded
|
|
>
|
|
{{ link.title }}
|
|
</v-btn>
|
|
</div>
|
|
</v-container>
|
|
</v-app-bar>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data: () => ({
|
|
internalLinks: [
|
|
{ title: 'Transactions', link: '/about' },
|
|
{ title: 'Validators', link: '/about' },
|
|
{ title: 'Tokens', link: '/docs' },
|
|
{ title: 'Blocks', link: '/docs' },
|
|
{ title: 'Stats', link: '/about' },
|
|
],
|
|
}),
|
|
}
|
|
</script>
|