mirror of
https://github.com/lingble/chatwoot.git
synced 2025-11-03 20:48:07 +00:00
57 lines
1.1 KiB
Vue
57 lines
1.1 KiB
Vue
<script setup>
|
|
defineProps({
|
|
imageSrc: {
|
|
type: String,
|
|
default: '',
|
|
},
|
|
imageAlt: {
|
|
type: String,
|
|
default: '',
|
|
},
|
|
title: {
|
|
type: String,
|
|
default: '',
|
|
},
|
|
description: {
|
|
type: String,
|
|
default: '',
|
|
},
|
|
to: {
|
|
type: String,
|
|
default: '',
|
|
},
|
|
linkText: {
|
|
type: String,
|
|
default: '',
|
|
},
|
|
});
|
|
</script>
|
|
|
|
<template>
|
|
<div
|
|
class="h-full w-full bg-n-background border border-n-weak rounded-lg p-4 flex flex-col"
|
|
>
|
|
<div class="flex-1 flex items-center justify-center">
|
|
<img :src="imageSrc" :alt="imageAlt" class="h-36 w-auto mx-auto" />
|
|
</div>
|
|
<div class="mt-auto">
|
|
<p
|
|
class="text-base text-n-slate-12 font-interDisplay font-semibold tracking-[0.3px]"
|
|
>
|
|
{{ title }}
|
|
</p>
|
|
<p class="text-n-slate-11 text-sm">
|
|
{{ description }}
|
|
</p>
|
|
<router-link
|
|
v-if="to"
|
|
:to="{ name: to }"
|
|
class="no-underline text-n-brand text-sm font-medium"
|
|
>
|
|
<span>{{ linkText }}</span>
|
|
<span class="ml-2">{{ `→` }}</span>
|
|
</router-link>
|
|
</div>
|
|
</div>
|
|
</template>
|