|
|
@ -3,14 +3,15 @@ import MdiHeartsCard from '~icons/mdi/cards-heart' |
|
|
|
|
|
|
|
|
|
|
|
interface Props { |
|
|
|
interface Props { |
|
|
|
nav?: boolean |
|
|
|
nav?: boolean |
|
|
|
|
|
|
|
img?: boolean |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
const { nav = false } = defineProps<Props>() |
|
|
|
const { nav = false, img = true } = defineProps<Props>() |
|
|
|
</script> |
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
|
|
<template> |
|
|
|
<template> |
|
|
|
<v-card :rounded="0" class="dark:bg-gray-900" href="https://github.com/sponsors/nocodb" target="_blank"> |
|
|
|
<v-card :rounded="0" class="dark:bg-gray-900" href="https://github.com/sponsors/nocodb" target="_blank"> |
|
|
|
<v-img src="/ants-leaf-cutter.jpeg" :cover="true" :aspect-ratio="1" :height="nav ? 80 : ''" /> |
|
|
|
<v-img v-if="img" src="/ants-leaf-cutter.jpeg" :cover="true" :aspect-ratio="1" :height="nav ? 80 : ''" /> |
|
|
|
|
|
|
|
|
|
|
|
<v-card-title v-if="!nav" class="pb-2"> |
|
|
|
<v-card-title v-if="!nav" class="pb-2"> |
|
|
|
{{ $t('msg.info.sponsor.header') }} |
|
|
|
{{ $t('msg.info.sponsor.header') }} |
|
|
@ -21,7 +22,7 @@ const { nav = false } = defineProps<Props>() |
|
|
|
</v-card-text> |
|
|
|
</v-card-text> |
|
|
|
|
|
|
|
|
|
|
|
<v-card-actions class="justify-center"> |
|
|
|
<v-card-actions class="justify-center"> |
|
|
|
<v-btn class="dark:(!text-white) text-primary"> |
|
|
|
<v-btn color="primary" class="dark:(!text-white)"> |
|
|
|
<MdiHeartsCard class="text-red-500 mr-2" /> |
|
|
|
<MdiHeartsCard class="text-red-500 mr-2" /> |
|
|
|
{{ $t('activity.sponsorUs') }} |
|
|
|
{{ $t('activity.sponsorUs') }} |
|
|
|
</v-btn> |
|
|
|
</v-btn> |
|
|
|