mirror of
https://github.com/TeamPiped/Piped.git
synced 2024-11-10 02:08:21 +00:00
add 404 page
This commit is contained in:
parent
b16c1ca465
commit
ad0b7db95a
17
src/components/PageNotFound.vue
Normal file
17
src/components/PageNotFound.vue
Normal 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>
|
@ -314,7 +314,7 @@
|
||||
</tbody>
|
||||
</table>
|
||||
<br />
|
||||
<p v-t="'information.preferences_note'" />
|
||||
<p v-t="'info.preferences_note'" />
|
||||
<br />
|
||||
<button class="btn" v-t="'actions.reset_preferences'" @click="resetPreferences()" />
|
||||
<button class="btn mx-4" v-t="'actions.backup_preferences'" @click="backupPreferences()" />
|
||||
|
@ -96,7 +96,8 @@
|
||||
"reset_preferences": "Reset preferences",
|
||||
"confirm_reset_preferences": "Are you sure you want to reset your preferences?",
|
||||
"backup_preferences": "Backup preferences",
|
||||
"restore_preferences": "Restore preferences"
|
||||
"restore_preferences": "Restore preferences",
|
||||
"back_to_home": "Back to home"
|
||||
},
|
||||
"comment": {
|
||||
"pinned_by": "Pinned by",
|
||||
@ -141,7 +142,8 @@
|
||||
"subscriptions": {
|
||||
"subscribed_channels_count": "Subscribed to: {0}"
|
||||
},
|
||||
"information": {
|
||||
"preferences_note": "Note: preferences are saved in the local storage of your browser. Deleting your browser data will reset them."
|
||||
"info": {
|
||||
"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"
|
||||
}
|
||||
}
|
||||
}
|
@ -80,6 +80,11 @@ const routes = [
|
||||
name: "Playlists",
|
||||
component: () => import("../components/PlaylistsPage.vue"),
|
||||
},
|
||||
{
|
||||
path: "/:pathMatch(.*)*",
|
||||
name: "Page Not Found",
|
||||
component: () => import("../components/PageNotFound.vue"),
|
||||
},
|
||||
];
|
||||
|
||||
const router = createRouter({
|
||||
|
Loading…
Reference in New Issue
Block a user