43 lines
699 B
Vue
43 lines
699 B
Vue
<template>
|
|
<div class="main">
|
|
<p>
|
|
<NcTextField :value.sync="search" :label="t('Find a podcast')">
|
|
<Magnify :size="20" />
|
|
</NcTextField>
|
|
</p>
|
|
<Top v-if="!search" />
|
|
<AddRss v-if="!search" />
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import AddRss from '../components/AddRss.vue'
|
|
import Magnify from 'vue-material-design-icons/Magnify.vue'
|
|
import { NcTextField } from '@nextcloud/vue'
|
|
import Top from '../components/Top.vue'
|
|
|
|
export default {
|
|
name: 'Discover',
|
|
components: {
|
|
AddRss,
|
|
Magnify,
|
|
NcTextField,
|
|
Top,
|
|
},
|
|
data() {
|
|
return {
|
|
search: '',
|
|
}
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
.main {
|
|
margin: 11px 55px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 1rem;
|
|
}
|
|
</style>
|