diff --git a/frontend/assets/main.css b/frontend/assets/main.css new file mode 100644 index 0000000..87ce56b --- /dev/null +++ b/frontend/assets/main.css @@ -0,0 +1,17 @@ +.page-enter-active { + animation: bounce-in .5s; +} +.page-leave-active { + animation: bounce-in .5s reverse; +} +@keyframes bounce-in { + 0% { + transform: scale(0); + } + 50% { + transform: scale(1.5); + } + 100% { + transform: scale(1); + } +} diff --git a/frontend/layouts/wide.vue b/frontend/layouts/wide.vue index a67a488..6560694 100644 --- a/frontend/layouts/wide.vue +++ b/frontend/layouts/wide.vue @@ -2,7 +2,7 @@ - + diff --git a/frontend/nuxt.config.js b/frontend/nuxt.config.js index 1e9ed0f..e72c3de 100644 --- a/frontend/nuxt.config.js +++ b/frontend/nuxt.config.js @@ -29,7 +29,7 @@ export default { /* ** Global CSS */ - css: [], + css: ['~/assets/main.css'], /* ** Plugins to load before mounting the App */ diff --git a/frontend/pages/index.vue b/frontend/pages/index.vue index 995cde7..f5fcd13 100644 --- a/frontend/pages/index.vue +++ b/frontend/pages/index.vue @@ -56,9 +56,3 @@ export default { }), } - -