From 2e6a300c462b73c992c7b19b13d0a7a453b62c09 Mon Sep 17 00:00:00 2001
From: Phillip Thelen <phillip@habitica.com>
Date: Mon, 1 Jul 2024 18:48:24 +0200
Subject: [PATCH] make scaled sprites look nice

---
 website/client/src/components/ui/sprite.vue | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/website/client/src/components/ui/sprite.vue b/website/client/src/components/ui/sprite.vue
index fc254dc820..4168efa635 100644
--- a/website/client/src/components/ui/sprite.vue
+++ b/website/client/src/components/ui/sprite.vue
@@ -1,10 +1,17 @@
 <template>
   <img
+    class="pixel-art"
     v-if="imageName && imageName !== ''"
     :src="imageUrl()"
   >
 </template>
 
+<style>
+.pixel-art {
+  image-rendering: pixelated;
+}
+</style>
+
 <script>
 import GIF_SPRITES from '@/../../common/script/content/constants/gifSprites';