Change automatic mounting pose image to new one (#1135)

SlimeVR · Aug 13, 2024 · b06f038 · b06f038
1 parent 1fba4e6
commit b06f038
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 7 deletions.
diff --git a/gui/public/images/mounting-reset-pose.avif b/gui/public/images/mounting-reset-pose.avif
diff --git a/gui/public/images/mounting-reset-pose.webp b/gui/public/images/mounting-reset-pose.webp
diff --git a/gui/src/components/Preload.tsx b/gui/src/components/Preload.tsx
@@ -4,7 +4,7 @@ export function Preload() {
     <Helmet>
       <link rel="preload" href="/images/front-standing-pose.webp" as="image" />
       <link rel="preload" href="/images/slime-girl.webp" as="image" />
-      <link rel="preload" href="/images/mounting-reset-pose.webp" as="image" />
+      <link rel="preload" href="/images/mounting-reset-pose.avif" as="image" />
       <link rel="preload" href="/images/reset-pose.webp" as="image" />
       <link rel="preload" href="/images/slimes.webp" as="image" />
 

diff --git a/gui/src/components/onboarding/pages/mounting/mounting-steps/MountingReset.tsx b/gui/src/components/onboarding/pages/mounting/mounting-steps/MountingReset.tsx
@@ -41,10 +41,10 @@ export function MountingResetStep({
         </div>
 
         {isMobile && (
-          <div className="flex flex-col pt-1 items-center fill-background-50 justify-center px-12">
+          <div className="flex flex-col items-center fill-background-50 justify-center">
             <img
-              src="/images/mounting-reset-pose.webp"
-              width={125}
+              src="/images/mounting-reset-pose.avif"
+              width={450}
               alt="mounting reset ski pose"
             />
           </div>
@@ -65,10 +65,10 @@ export function MountingResetStep({
         </div>
       </div>
       {!isMobile && (
-        <div className="flex flex-col pt-1 items-center fill-background-50 justify-center px-12">
+        <div className="flex flex-col pt-1 items-center fill-background-50 justify-center">
           <img
-            src="/images/mounting-reset-pose.webp"
-            width={125}
+            src="/images/mounting-reset-pose.avif"
+            width={600}
             alt="mounting reset ski pose"
           />
         </div>