explorer-app/components/Project/ProjectNavigation.vue
Daniel Klein 3b553f551d chore(eslint): update eslint rules
fix(lint): resolve lint errors
2024-09-02 15:13:43 +02:00

75 lines
1.4 KiB
Vue

<script setup lang="ts">
import { useRoute } from 'vue-router'
const route = useRoute()
const githubProjectUrl = computed(() => {
return `https://github.com/web3privacy/explorer-data/blob/main/src/projects/${route.params.id}/index.yaml`
})
</script>
<template>
<div
app-container
w-full
flex
items-center
justify-between
md:bg-transparent
px-8px
>
<NavigationButton
w-230px
@click="$router.back()"
>
<span
block
md:hidden
>{{ 'BACK' }}</span>
<span
hidden
whitespace-nowrap
md:block
>{{ 'BACK TO LIST' }}</span>
</NavigationButton>
<hr
hidden
md:block
border-t-2px
border-white
w-full
>
<div
flex
gap-16px
>
<EditButton
px-16px
py-8px
hover:bg-white
hover:text-black
:to="githubProjectUrl"
>
<span
text-16px
whitespace-nowrap
font-400
leading-24px
hidden
md:block
>{{ 'EDIT RESEARCH' }}</span>
<span
text-16px
whitespace-nowrap
font-400
leading-24px
block
md:hidden
>{{ 'EDIT' }}</span>
</EditButton>
<!-- <ShareButton>
<span text-16px font-400 hidden md:block>{{ 'SHARE' }}</span>
</ShareButton> -->
</div>
</div>
</template>