repod/src/views/Discover.vue
Michel Roux 3ddf7bf7a0
All checks were successful
repod / nextcloud (push) Successful in 56s
repod / nodejs (push) Successful in 1m50s
Fix css
2023-08-24 18:22:40 +02:00

47 lines
891 B
Vue

<template>
<NcAppContent class="main">
<NcTextField class="search" :label="t('Find a podcast')" :value.sync="search">
<Magnify :size="20" />
</NcTextField>
<Search v-if="search" :value="search" />
<TopList v-if="!search" />
<AddRss v-if="!search" />
</NcAppContent>
</template>
<script>
import { NcAppContent, NcTextField } from '@nextcloud/vue'
import AddRss from '../components/Discover/AddRss.vue'
import Magnify from 'vue-material-design-icons/Magnify.vue'
import Search from '../components/Discover/Search.vue'
import TopList from '../components/Discover/TopList.vue'
export default {
name: 'Discover',
components: {
AddRss,
Magnify,
NcAppContent,
NcTextField,
Search,
TopList,
},
data() {
return {
search: '',
}
},
}
</script>
<style scoped>
.main {
padding: 15px 51px;
overflow: hidden;
}
.search {
margin-bottom: 1rem;
}
</style>