Files
AstralRinth/components/Advertisement.vue
Redblueflame af8fc53704 Layout refactor (#150)
* Revert recent commits

* Move things around, and do preparation work for nested page systems.

* Fixed issue on side bar not appearing
2021-03-31 19:09:18 +02:00

35 lines
544 B
Vue

<template>
<div class="ad-wrapper">
<adsbygoogle
ad-slot="7510690716"
:ad-format="format"
:page-url="pageUrl ? pageUrl : undefined"
/>
</div>
</template>
<script>
export default {
name: 'Advertisement',
props: {
format: {
type: String,
default: 'horizontal',
},
pageUrl: {
type: String,
required: false,
default: '',
},
},
}
</script>
<style lang="scss" scoped>
.ad-wrapper {
width: 100%;
@extend %card;
margin-bottom: var(--spacing-card-md);
}
</style>