29 lines
1.1 KiB
Vue
29 lines
1.1 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>
|