From 390b9517e0d9e6fa588ec8c63951b1e909d55edc Mon Sep 17 00:00:00 2001
From: Dennis Postma <dennis@directonline.io>
Date: Fri, 18 Oct 2024 00:42:15 +0200
Subject: [PATCH] Moved styling to main.scss as it's global

---
 src/assets/scss/main.scss  |  6 ++++++
 src/screens/Game.vue       | 10 +---------
 src/screens/ZoneEditor.vue | 10 +---------
 3 files changed, 8 insertions(+), 18 deletions(-)

diff --git a/src/assets/scss/main.scss b/src/assets/scss/main.scss
index fcba8d7..b7ae4e8 100644
--- a/src/assets/scss/main.scss
+++ b/src/assets/scss/main.scss
@@ -129,3 +129,9 @@ button {
 ::-webkit-scrollbar {
   @apply hidden;
 }
+
+canvas {
+  image-rendering: -moz-crisp-edges;
+  image-rendering: -webkit-crisp-edges;
+  image-rendering: pixelated;
+}
diff --git a/src/screens/Game.vue b/src/screens/Game.vue
index 5c519cd..0a76733 100644
--- a/src/screens/Game.vue
+++ b/src/screens/Game.vue
@@ -143,12 +143,4 @@ const createScene = async (scene: Phaser.Scene) => {
 onBeforeUnmount(() => {
   isLoaded.value = false
 })
-</script>
-
-<style lang="scss">
-canvas {
-  image-rendering: -moz-crisp-edges;
-  image-rendering: -webkit-crisp-edges;
-  image-rendering: pixelated;
-}
-</style>
+</script>
\ No newline at end of file
diff --git a/src/screens/ZoneEditor.vue b/src/screens/ZoneEditor.vue
index c407878..ba77bc6 100644
--- a/src/screens/ZoneEditor.vue
+++ b/src/screens/ZoneEditor.vue
@@ -126,12 +126,4 @@ const createScene = async (scene: Phaser.Scene) => {
 onBeforeUnmount(() => {
   isLoaded.value = false
 })
-</script>
-
-<style lang="scss">
-canvas {
-  image-rendering: -moz-crisp-edges;
-  image-rendering: -webkit-crisp-edges;
-  image-rendering: pixelated;
-}
-</style>
+</script>
\ No newline at end of file