explorer-app/components/Project/ProjectSecurityAudit.vue

78 lines
1.2 KiB
Vue
Raw Normal View History

2023-12-19 18:43:42 +01:00
<script setup lang="ts">
defineProps<{
auditName: string
auditUrl?: string
date?: string
}>()
</script>
<template>
<div
flex
2024-09-12 08:41:48 +02:00
justify-between
lg:grid
lg:grid-cols-2
rounded-full
py-12px
px-16px
2024-09-12 08:41:48 +02:00
bg-app-bg-audits-card
>
2024-09-12 08:41:48 +02:00
<div
grid
grid-cols-3
2024-09-12 08:41:48 +02:00
w-full
>
<h2
text="14px lg:16px"
leading-20px
font-700
col-span="3 lg:2"
>
{{ auditName }}
</h2>
<h2
text-14px
leading-20px
hidden
lg:block
>
Overview of smart contracts
</h2>
</div>
<div
flex
2024-09-12 08:41:48 +02:00
items-center
justify-end
gap="16px lg:80px"
whitespace-nowrap
>
2024-09-12 08:41:48 +02:00
<h2
text-14px
leading-20px
>
{{ date ? formatDate(date) : 'N/A' }}
2024-09-12 08:41:48 +02:00
</h2>
<NuxtLink
flex
items-center
2024-09-12 08:41:48 +02:00
gap-4px
:to="auditUrl"
2024-09-12 08:41:48 +02:00
external
target="_blank"
text-14px
2024-09-12 08:41:48 +02:00
text-app-text-grey
leading-20px
hover:underline
><p
hidden
lg:block
>
More info
</p> <UnoIcon
i-ic-twotone-open-in-new
text-22px
/></NuxtLink>
2023-12-19 18:43:42 +01:00
</div>
</div>
</template>