mirror of
https://codeberg.org/Hyperpipe/Hyperpipe
synced 2025-06-27 04:48:00 +02:00
48 lines
672 B
Vue
48 lines
672 B
Vue
<script setup>
|
|
defineProps({
|
|
title: {
|
|
type: String,
|
|
default: '',
|
|
},
|
|
artist: {
|
|
type: String,
|
|
default: '',
|
|
},
|
|
artistUrl: {
|
|
type: String,
|
|
default: '',
|
|
},
|
|
});
|
|
defineEmits(['get-artist']);
|
|
</script>
|
|
|
|
<template>
|
|
<div v-if="title && artist" class="wrap">
|
|
<h1>{{ title }}</h1>
|
|
<h3>
|
|
<a :href="artistUrl" @click.prevent="$emit('get-artist', artistUrl)">{{
|
|
artist
|
|
}}</a>
|
|
</h3>
|
|
</div>
|
|
</template>
|
|
|
|
<style scoped>
|
|
h1 {
|
|
font-weight: 500;
|
|
font-size: 2.6rem;
|
|
top: -10px;
|
|
}
|
|
|
|
h3 {
|
|
font-size: 1.2rem;
|
|
}
|
|
.wrap {
|
|
text-align: center;
|
|
}
|
|
@media (min-width: 1024px) {
|
|
.wrap {
|
|
text-align: left;
|
|
}
|
|
}
|
|
</style>
|