From e5ce9eea1c68c67080f4dddf3544d02d87e4e809 Mon Sep 17 00:00:00 2001
From: = <ishu.kool2406@gmail.com>
Date: Tue, 19 May 2026 22:01:15 +0530
Subject: [PATCH] fixed the inverted slider

---
 src/components/ExportSettings.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/ExportSettings.tsx b/src/components/ExportSettings.tsx
index 026f0760..4976f320 100644
--- a/src/components/ExportSettings.tsx
+++ b/src/components/ExportSettings.tsx
@@ -74,10 +74,10 @@ export default function ExportSettings({
           min={18}
           max={30}
           step={1}
-          value={recipe.quality}
+          value={48 - recipe.quality}
           onChange={(e) =>
             onChange({
-              quality: Number(
+              quality: 48 - Number(
                 e.target.value
               ),
             })
@@ -94,11 +94,11 @@ export default function ExportSettings({
         >
           <div className="flex justify-between">
             <span className="text-sm text-[var(--muted)]">
-              Best quality
+              Smallest file
             </span>
 
             <span className="text-sm text-[var(--muted)]">
-              Smallest file
+              Best quality
             </span>
           </div>
 
@@ -178,4 +178,4 @@ export default function ExportSettings({
       </div>
     </>
   );
-}
\ No newline at end of file
+}