31 lines
837 B
Vue
31 lines
837 B
Vue
|
|
|
|
<template>
|
|
<NuxtLink :to="link">
|
|
<div class="w-[324px] h-[228px] border border-black rounded-md p-6 flex flex-col justify-between">
|
|
<div class="flex justify-between">
|
|
<div class="rounded-full w-[80px] h-[80px] bg-neutral-400 flex justify-center items-center">
|
|
<Icon :name="iconName" style="color: black" size="44" />
|
|
</div>
|
|
<div>
|
|
<Icon name="mdi:plus" style="color: black" size="44" />
|
|
</div>
|
|
</div>
|
|
<div class="uppercase font-bold">
|
|
<p class="text-3xl"> {{ label }} </p>
|
|
</div>
|
|
</div>
|
|
</NuxtLink>
|
|
|
|
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
const props = defineProps<{
|
|
link: string
|
|
iconName: string
|
|
label: string
|
|
}>()
|
|
</script>
|
|
|