repod/src/components/Atoms/AppNavigation.vue

34 lines
563 B
Vue
Raw Normal View History

<template>
<NcAppNavigation :class="{ episode }">
<slot />
<template #list>
<slot name="list" />
</template>
<template #footer>
<slot name="footer" />
</template>
</NcAppNavigation>
</template>
<script>
import { NcAppNavigation } from '@nextcloud/vue'
import { mapState } from 'pinia'
import { usePlayer } from '../../store/player.js'
export default {
name: 'AppNavigation',
components: {
NcAppNavigation,
},
computed: {
...mapState(usePlayer, ['episode']),
},
}
</script>
<style scoped>
.episode {
padding-bottom: 6rem;
}
</style>