moritzruth/moritzruth.de
1
0
Fork 0
Code Activity Actions

Add page transition

Browse source
This commit is contained in:
Moritz Ruth 2020-01-12 23:12:06 +01:00
parent badb9c3990
commit 4c1f566855
No known key found for this signature in database
GPG key ID: FE38A0B03AA331BA
3 changed files with 16 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

12
assets/global.scss
View file

@ -1,3 +1,15 @@
body { body {
font-family: "Alata", sans-serif; font-family: "Alata", sans-serif;
} }
.page-enter-active, .page-leave-active {
transition: 500ms ease opacity;
}
.page-enter, .page-leave-to {
opacity: 0;
}
.page-enter-to, .page-leave {
opacity: 1;
}

2
assets/js/background-canvas.js
View file

@ -102,6 +102,8 @@ export class BackgroundCanvas {
// eslint-disable-next-line unicorn/prevent-abbreviations // eslint-disable-next-line unicorn/prevent-abbreviations
const ctx = this._ctx; const ctx = this._ctx;
if (ctx === null) return;
ctx.clearRect(0, 0, this.width, this.height); ctx.clearRect(0, 0, this.width, this.height);
for (const line of this._lines) { for (const line of this._lines) {

2
nuxt.config.js
View file

@ -19,6 +19,8 @@ export default {
** Global CSS ** Global CSS
*/ */
css: ["@/assets/global.scss"], css: ["@/assets/global.scss"],
layoutTransition: "page",
/* /*
** Plugins to load before mounting the App ** Plugins to load before mounting the App
*/ */