github.com/covergates/covergates@v0.2.2-0.20201009050117-42ef8a19fb95/web/src/components/IntroCard.vue (about)

     1  <template>
     2    <v-card flat class="d-flex flex-column justify-begin align-center intro-card" width="400">
     3      <v-avatar size="96" tile>
     4        <v-icon size="96" color="secondary">{{intro.icon}}</v-icon>
     5      </v-avatar>
     6      <v-card-title class="text-h4 font-weight-medium">{{intro.title}}</v-card-title>
     7      <v-card-text class="text-center font-weight-medium">
     8        <p v-html="intro.body"></p>
     9      </v-card-text>
    10    </v-card>
    11  </template>
    12  
    13  <script lang="ts">
    14  import { Component, Prop } from 'vue-property-decorator';
    15  import Vue from '@/vue';
    16  
    17  @Component
    18  export default class IntroCard extends Vue {
    19    @Prop() readonly intro: {} | undefined;
    20  }
    21  </script>