SevenOfAces/personal-site
1
1
Fork 0
Code Issues Pull requests 10 Projects Releases Packages 1 Wiki Activity Actions

fixed background

Browse source
This commit is contained in:
Mrrp 2024-12-22 13:21:05 -08:00
parent 5f9eb1fc50
commit a3256225e4
8 changed files with 59 additions and 36 deletions
Download patch file Download diff file Expand all files Collapse all files

10
components/BackgroundCalm.vue
View file

@ -7,17 +7,18 @@ const onLoad = (container: Container) => {
</script>
<template>
<div>
<NuxtParticles
class="fixed w-full h-full"
class="w-full h-full z-0"
id="tsparticles"
@load="onLoad"
:particlesInit="particlesInit"
:options="{
fullScreen: {
enable: true,
zIndex: -1
zIndex: -10
},
fpsLimit: 60,
fpsLimit: 40,
interactivity: {
detect_on: 'window',
events: {
@ -34,7 +35,7 @@ const onLoad = (container: Container) => {
}
},
particles: {
zIndex: -10,
zIndex: 0,
color: {
value: '#A020F0'
},
@ -74,4 +75,5 @@ const onLoad = (container: Container) => {
>
</NuxtParticles>
<slot></slot>
</div>
</template>