explorer-app/components/Project/ProjectActivityGithub.vue

93 lines
1.4 KiB
Vue
Raw Permalink Normal View History

2023-12-19 18:43:42 +01:00
<script setup lang="ts">
defineProps<{
activeDevs: number
lastCommit: string
stars: number
}>()
</script>
<template>
<div
relative
grid
grid-cols-2
border-2px
gap-y-8px
gap-x-32px
p-24px
lg:grid-cols-3
>
<h1
px-8px
text-14px
font-700
bg-black
absolute
top--10px
left-16px
>
2023-12-19 18:43:42 +01:00
{{ 'GITHUB ACTIVITY' }}
</h1>
<div
flex
flex-col
>
<span
text-14px
font-400
text-app-text-grey
leading-24px
>{{ 'Active Developers' }}</span>
<span
text-14px
font-700
leading-24px
>{{ activeDevs }}</span>
2023-12-19 18:43:42 +01:00
</div>
<div
flex
flex-col
>
<span
text-14px
font-400
text-app-text-grey
leading-24px
>{{ 'Last commit' }}</span>
<span
text-14px
font-700
leading-24px
>{{ lastCommit }}</span>
2023-12-19 18:43:42 +01:00
</div>
<div
flex
gap-6px
lg:flex-col
lg:gap-0
>
<span
text-14px
font-400
text-app-text-grey
leading-24px
>{{ 'Github stars' }}</span>
<div
flex
items-center
gap-4px
>
<UnoIcon
i-web-star
text-16px
/>
<span
text-14px
font-400
leading-24px
>{{ stars }}</span>
2023-12-19 18:43:42 +01:00
</div>
</div>
</div>
</template>