47 lines
1.1 KiB
Vue
47 lines
1.1 KiB
Vue
<script setup lang="ts">
|
|
defineProps({
|
|
title: String,
|
|
image: String
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<div v-if="image" class="pt-1">
|
|
<v-img
|
|
:src="'http://localhost:3000/static/' + image"
|
|
height="120"
|
|
gradient="to top right, rgba(0,0,0,.5), rgba(0,0,0,.7)"
|
|
cover
|
|
class="rounded-t-xl"
|
|
>
|
|
<v-container
|
|
height="100%"
|
|
class="d-flex justify-center align-center"
|
|
>
|
|
<v-row>
|
|
<v-spacer />
|
|
|
|
<v-col class="v-col-auto">
|
|
<span class="text-h4" style="color: white;">{{ title }}</span>
|
|
</v-col>
|
|
|
|
<v-spacer />
|
|
</v-row>
|
|
</v-container>
|
|
</v-img>
|
|
</div>
|
|
|
|
<v-row v-else class="pt-3">
|
|
<v-col class="d-flex justify-center align-center">
|
|
<v-sheet height="12" width="100%" color="primary" :rounded="true" />
|
|
</v-col>
|
|
|
|
<v-col class="v-col-auto">
|
|
<span class="text-h4">{{ title }}</span>
|
|
</v-col>
|
|
|
|
<v-col class="d-flex justify-center align-center">
|
|
<v-sheet height="12" width="100%" color="primary" :rounded="true" />
|
|
</v-col>
|
|
</v-row>
|
|
</template> |