nocodb/packages/nc-gui/components/sponsorMini.vue

<template>
  <v-card  max-width="300" min-height="" class=" pb-3" href="https://github.com/sponsors/nocodb"
          target="_blank">


    <v-img src="ants-leaf-cutter.jpeg" :height="nav ? 80 : ''" class=" mt-0">
      <template v-slot:placeholder>
        <v-skeleton-loader
          width="700"
          type="image"></v-skeleton-loader>

      </template>

    </v-img>
    <v-card-title v-if="!nav" class="pb-2" :class="{'body-2 justify-center mt-n2' : nav}">
      You can help us
    </v-card-title>
    <v-card-text class="pb-0" v-if="!nav">
      <p class="caption text-left body-1 textColor--text text--lighten-1">
        <template >We are a tiny team working full time to make NocoDB open source. We believe a tool like NocoDB should be
          available freely to every problem solver on internet.</template>
      </p>
    </v-card-text>
    <v-card-actions class="justify-center">
      <v-btn color="primary" :class="{'mt-n2' : !nav, 'mt-2 mb-n1':nav }" small outlined>
        <v-icon small color="red" class="mr-2">mdi-cards-heart</v-icon>
        Sponsor Us
      </v-btn>
    </v-card-actions>

  </v-card>
</template>

<script>
export default {
  name: "sponsorMini",
  props:{
    nav:Boolean
  }
}
</script>

<style scoped>

</style>