2024-01-16 21:12:07 +00:00
|
|
|
<template>
|
2024-08-26 14:10:30 +00:00
|
|
|
<NcAppContent :class="{ episode, padding }">
|
2024-01-16 21:12:07 +00:00
|
|
|
<slot />
|
|
|
|
</NcAppContent>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
|
|
|
import { NcAppContent } from '@nextcloud/vue'
|
2024-08-09 09:38:00 +00:00
|
|
|
import { mapState } from 'pinia'
|
|
|
|
import { usePlayer } from '../../store/player.js'
|
2024-01-16 21:12:07 +00:00
|
|
|
|
|
|
|
export default {
|
|
|
|
name: 'AppContent',
|
|
|
|
components: {
|
|
|
|
NcAppContent,
|
|
|
|
},
|
2024-08-26 14:10:30 +00:00
|
|
|
props: {
|
|
|
|
padding: {
|
|
|
|
type: Boolean,
|
|
|
|
default: true,
|
|
|
|
},
|
|
|
|
},
|
2024-01-16 21:12:07 +00:00
|
|
|
computed: {
|
2024-08-09 09:38:00 +00:00
|
|
|
...mapState(usePlayer, ['episode']),
|
2024-01-16 21:12:07 +00:00
|
|
|
},
|
|
|
|
}
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<style scoped>
|
2024-08-26 14:10:30 +00:00
|
|
|
.episode {
|
2024-04-29 22:48:47 +00:00
|
|
|
padding-bottom: 6rem;
|
|
|
|
}
|
2024-08-26 14:10:30 +00:00
|
|
|
|
|
|
|
.padding {
|
|
|
|
padding: 15px 51px;
|
|
|
|
}
|
2024-01-16 21:12:07 +00:00
|
|
|
</style>
|