TeamPiped-mirror/Piped
1
0
Fork 0
mirror of https://github.com/TeamPiped/Piped.git synced 2024-08-14 23:57:27 +00:00
Code Issues Projects Releases Packages Wiki Activity

add 404 page

Browse source
This commit is contained in:
Bnyro 2022-08-22 13:51:44 +02:00
parent b16c1ca465
commit ad0b7db95a
4 changed files with 29 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

17
src/components/PageNotFound.vue Normal file
View file

@ -0,0 +1,17 @@
<template>
<div class="flex flex-col justify-center items-center min-h-[88vh]">
<h1 class="font-bold">404</h1>
<h2 v-t="'info.page_not_found'" />
<a class="btn mt-16" href="/" v-t="'actions.back_to_home'" />
</div>
</template>
<style scoped>
/* font size can't be handled within windiCSS classes because it's overwritten with !important */
h1 {
font-size: 8rem !important;
}
h2 {
font-size: 1.7rem !important;
}
</style>

2
src/components/PreferencesPage.vue
View file

@ -314,7 +314,7 @@
</tbody> </tbody>
</table> </table>
<br /> <br />
<p v-t="'information.preferences_note'" /> <p v-t="'info.preferences_note'" />
<br /> <br />
<button class="btn" v-t="'actions.reset_preferences'" @click="resetPreferences()" /> <button class="btn" v-t="'actions.reset_preferences'" @click="resetPreferences()" />
<button class="btn mx-4" v-t="'actions.backup_preferences'" @click="backupPreferences()" /> <button class="btn mx-4" v-t="'actions.backup_preferences'" @click="backupPreferences()" />

10
src/locales/en.json
View file

@ -96,7 +96,8 @@
"reset_preferences": "Reset preferences", "reset_preferences": "Reset preferences",
"confirm_reset_preferences": "Are you sure you want to reset your preferences?", "confirm_reset_preferences": "Are you sure you want to reset your preferences?",
"backup_preferences": "Backup preferences", "backup_preferences": "Backup preferences",
"restore_preferences": "Restore preferences" "restore_preferences": "Restore preferences",
"back_to_home": "Back to home"
}, },
"comment": { "comment": {
"pinned_by": "Pinned by", "pinned_by": "Pinned by",
@ -141,7 +142,8 @@
"subscriptions": { "subscriptions": {
"subscribed_channels_count": "Subscribed to: {0}" "subscribed_channels_count": "Subscribed to: {0}"
}, },
"information": { "info": {
"preferences_note": "Note: preferences are saved in the local storage of your browser. Deleting your browser data will reset them." "preferences_note": "Note: preferences are saved in the local storage of your browser. Deleting your browser data will reset them.",
"page_not_found": "Page not found"
} }
} }

5
src/router/router.js
View file

@ -80,6 +80,11 @@ const routes = [
name: "Playlists", name: "Playlists",
component: () => import("../components/PlaylistsPage.vue"), component: () => import("../components/PlaylistsPage.vue"),
}, },
{
path: "/:pathMatch(.*)*",
name: "Page Not Found",
component: () => import("../components/PageNotFound.vue"),
},
]; ];
const router = createRouter({ const router = createRouter({