mirror of
https://github.com/lingble/chatwoot.git
synced 2025-11-03 20:48:07 +00:00
55 lines
1.1 KiB
Vue
55 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-white dark:bg-slate-900 border border-slate-100 dark:border-white/10 rounded-lg p-4 flex flex-col"
|
|
>
|
|
<img :src="imageSrc" :alt="imageAlt" class="h-36 w-auto mx-auto" />
|
|
<div class="mt-auto">
|
|
<p
|
|
class="text-base text-slate-800 dark:text-slate-100 font-interDisplay font-semibold tracking-[0.3px]"
|
|
>
|
|
{{ title }}
|
|
</p>
|
|
<p class="text-slate-600 dark:text-slate-400 text-sm">
|
|
{{ description }}
|
|
</p>
|
|
<router-link
|
|
v-if="to"
|
|
:to="{ name: to }"
|
|
class="no-underline text-woot-500 text-sm font-medium"
|
|
>
|
|
<span>{{ linkText }}</span>
|
|
<span>{{ `→` }}</span>
|
|
</router-link>
|
|
</div>
|
|
</div>
|
|
</template>
|