mirror of
https://github.com/Litlyx/litlyx
synced 2025-12-11 00:08:37 +01:00
21 lines
471 B
Vue
21 lines
471 B
Vue
<script lang="ts" setup>
|
|
|
|
const props = defineProps<{
|
|
icon: string,
|
|
name: string
|
|
}>();
|
|
|
|
</script>
|
|
|
|
|
|
<template>
|
|
<div class="p-6 flex flex-col items-center gap-3">
|
|
<div class="w-[4.2rem] h-[4.2rem] lg:w-[6rem] lg:h-[6rem] bg-menu rounded-2xl flex items-center justify-center">
|
|
<img :alt="name" :src="icon">
|
|
</div>
|
|
<div class="poppins font-semibold text-text-sub">
|
|
{{ name }}
|
|
</div>
|
|
</div>
|
|
</template>
|