fix: 💄 fix padding and routing

appinfo/routes.php

@@ -14,6 +14,7 @@ return [
 	'routes' => [
 		['name' => 'page#index', 'url' => '/', 'verb' => 'GET'],
 		['name' => 'page#feed', 'url' => '/feed/{path}', 'verb' => 'GET', 'requirements' => ['path' => '.+']],
+		['name' => 'page#discover', 'url' => '/discover', 'verb' => 'GET'],
 		['name' => 'episodes#action', 'url' => '/episodes/action', 'verb' => 'GET'],
 		['name' => 'episodes#list', 'url' => '/episodes/list', 'verb' => 'GET'],
 		['name' => 'opml#export', 'url' => '/opml/export', 'verb' => 'GET'],

lib/Controller/PageController.php

@@ -45,6 +45,14 @@ class PageController extends Controller
 		return $response;
 	}
 
+	/**
+	 * @NoAdminRequired
+	 * @NoCSRFRequired
+	 */
+	public function discover(): TemplateResponse {
+		return $this->index();
+	}
+
 	/**
 	 * @NoAdminRequired
 	 * @NoCSRFRequired

src/components/Atoms/AppContent.vue

@@ -1,5 +1,5 @@
 <template>
-	<NcAppContent :class="{ episode, padding }">
+	<NcAppContent :class="{ episode }">
 		<slot />
 	</NcAppContent>
 </template>
@@ -14,12 +14,6 @@ export default {
 	components: {
 		NcAppContent,
 	},
-	props: {
-		padding: {
-			type: Boolean,
-			default: true,
-		},
-	},
 	computed: {
 		...mapState(usePlayer, ['episode']),
 	},
@@ -30,8 +24,4 @@ export default {
 .episode {
 	padding-bottom: 6rem;
 }
-
-.padding {
-	padding: 15px 51px;
-}
 </style>

src/views/Discover.vue

@@ -1,5 +1,5 @@
 <template>
-	<AppContent>
+	<AppContent class="padding">
 		<NcTextField v-model="search" :label="t('repod', 'Find a podcast')">
 			<template #icon>
 				<Magnify :size="20" />
@@ -35,3 +35,9 @@ export default {
 	}),
 }
 </script>
+
+<style scoped>
+.padding {
+	padding: 15px 51px;
+}
+</style>

src/views/Feed.vue

@@ -1,5 +1,5 @@
 <template>
-	<AppContent :padding="false">
+	<AppContent>
 		<Loading v-if="loading" />
 		<EmptyContent
 			v-if="failed"