diff --git a/frontend/assets/css/style.css b/frontend/assets/css/style.css index f0cfe819..2aac5bf7 100644 --- a/frontend/assets/css/style.css +++ b/frontend/assets/css/style.css @@ -180,3 +180,11 @@ body { .is-text-contents { display: contents; } + +.page-enter-active, .page-leave-active { + transition: opacity 0.2s ease; +} + +.page-enter-from, .page-leave-to { + opacity: 0; +} diff --git a/frontend/layouts/default.vue b/frontend/layouts/default.vue index 8b55fb79..45d5f109 100644 --- a/frontend/layouts/default.vue +++ b/frontend/layouts/default.vue @@ -286,13 +286,11 @@ - - - +
+ + +
+
diff --git a/frontend/nuxt.config.ts b/frontend/nuxt.config.ts index a9d08595..818d56e7 100644 --- a/frontend/nuxt.config.ts +++ b/frontend/nuxt.config.ts @@ -18,7 +18,7 @@ export default defineNuxtConfig({ ], }, buildAssetsDir: "assets", - + pageTransition: {name: 'page', mode: 'out-in'} }, router: { options: { diff --git a/frontend/pages/backend/[backend]/delete.vue b/frontend/pages/backend/[backend]/delete.vue index 417c47a2..fd71b4d7 100644 --- a/frontend/pages/backend/[backend]/delete.vue +++ b/frontend/pages/backend/[backend]/delete.vue @@ -1,66 +1,69 @@ diff --git a/frontend/pages/backend/[backend]/edit.vue b/frontend/pages/backend/[backend]/edit.vue index 01570138..9baa2e06 100644 --- a/frontend/pages/backend/[backend]/edit.vue +++ b/frontend/pages/backend/[backend]/edit.vue @@ -1,350 +1,354 @@