explorer-app/components/Project/ProjectActivityTwitter.vue

89 lines
1.3 KiB
Vue
Raw Normal View History

2023-12-19 18:43:42 +01:00
<script setup lang="ts">
defineProps<{
followers: number
posts: string
retweets: 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
{{ 'TWITTER ACTIVITY' }}
</h1>
<div
flex
flex-col
>
<span
text-14px
font-400
text-app-text-grey
leading-24px
>{{ 'Followers #' }}</span>
<span
text-14px
font-700
leading-24px
>{{ followers }}</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
>{{ 'Posts' }}</span>
<span
text-14px
font-700
leading-24px
>{{ posts }}</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
>{{ 'Retweets' }}</span>
<div
flex
items-center
gap-4px
>
<span
text-14px
font-400
leading-24px
>{{ retweets }}x</span>
2023-12-19 18:43:42 +01:00
</div>
</div>
</div>
</template>