fix images again

SlimeVR · Oct 30, 2024 · c341534 · c341534
1 parent 957e81c
commit c341534
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/gui/src/components/onboarding/pages/usage-reason/UsageChoose.tsx b/gui/src/components/onboarding/pages/usage-reason/UsageChoose.tsx
@@ -19,15 +19,15 @@ interface UsageInfo {
 const REASON_TO_PATH: Record<UsageReason, UsageInfo> = {
   [UsageReason.MOCAP]: {
     path: '/onboarding/usage/mocap/choose',
-    image: '/images/usage-mocap.png',
+    image: '/images/usage-mocap.webp',
   },
   [UsageReason.VR]: {
     path: '/onboarding/usage/vr/choose',
-    image: '/images/usage-vr.png',
+    image: '/images/usage-vr.webp',
   },
   [UsageReason.VTUBING]: {
     path: '/onboarding/usage/vtubing/choose',
-    image: '/images/usage-vtuber.png',
+    image: '/images/usage-vtuber.webp',
   },
 };
 

diff --git a/gui/src/index.scss b/gui/src/index.scss
@@ -17,8 +17,9 @@ body {
 }
 
 @media (-webkit-animation) {
-  img {
+  img.uncrisp {
     // Webkit moment https://stackoverflow.com/questions/7908168/image-resize-gives-slight-brief-pixelation-in-webkit-browsers
+    // doesn't happen in newer versions, weird.
     -webkit-transform: translate3d(0, 0, 0);
   }