explorer-app/components/Project/ProjectNavigation.vue

69 lines
1.3 KiB
Vue
Raw Normal View History

2023-12-19 18:43:42 +01:00
<script setup lang="ts">
import { useRoute } from 'vue-router'
const route = useRoute()
const githubProjectUrl = computed(() => {
2024-02-01 13:19:56 +01:00
return `https://github.com/web3privacy/explorer-data/blob/main/src/projects/${route.params.id}/index.yaml`
2023-12-19 18:43:42 +01:00
})
</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>
2023-12-19 18:43:42 +01:00
</NavigationButton>
<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>
2023-12-19 18:43:42 +01:00
</EditButton>
<!-- <ShareButton>
<span text-16px font-400 hidden md:block>{{ 'SHARE' }}</span>
</ShareButton> -->
</div>
</div>
</template>