Embed bg canvas style to Svelte component

2025-03-10 11:29:27 -07:00
parent 6cbbe07371
commit 514b413281
2 changed files with 10 additions and 8 deletions
--- a/src/component/bg.svelte
+++ b/src/component/bg.svelte
@ -266,4 +266,13 @@
  }
 </script>

-<canvas class="bg-canvas" id="bg-canvas"></canvas>
+<canvas id="bg-canvas"></canvas>
+
+<style>
+  canvas#bg-canvas {
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: -1;
+  }
+</style>
--- a/src/style/main.scss
+++ b/src/style/main.scss
@ -19,13 +19,6 @@ body {
  color: global.$text-color;
 }

-canvas.bg-canvas {
-  position: fixed;
-  top: 0;
-  left: 0;
-  z-index: -1;
-}
-
 spacer {
  display: block;
  margin-top: 8%;