last uupdate parralax

src/app/[name]/(Main)/[id]/page.tsx

@@ -86,7 +86,7 @@ function FoodPage({}: Props) {
     if (!scrollEl || !imageEl) return;
 
     const desktopQuery = window.matchMedia("(min-width: 1024px)");
-    const MAX_SCALE = 1.18;
+    const MAX_SCALE = 1.6;
     const MIN_SCALE = 1.0;
 
     const applyParallax = () => {
@@ -184,7 +184,7 @@ function FoodPage({}: Props) {
 
       <div
         className={glassSurfaceCard(
-          "relative px-6 pt-6 pb-7.5 lg:flex lg:flex-col lg:h-full lg:min-h-0 w-full overflow-hidden not-lg:z-10 not-lg:-mt-12 not-lg:rounded-t-3xl not-lg:shadow-[0_-10px_30px_rgba(0,0,0,0.08)] lg:rounded-l-none lg:overflow-y-auto rounded-3xl",
+          "relative bg-white/60! px-6 pt-6 pb-7.5 lg:flex lg:flex-col lg:h-full lg:min-h-0 w-full overflow-hidden not-lg:z-10 not-lg:-mt-12 not-lg:rounded-t-3xl not-lg:shadow-[0_-10px_30px_rgba(0,0,0,0.08)] lg:rounded-l-none lg:overflow-y-auto rounded-3xl",
         )}
       >
         <div className="w-full inline-flex justify-between items-center shrink-0">
@@ -239,9 +239,7 @@ function FoodPage({}: Props) {
             {quantity <= 0 ? (
               <button onClick={handleAddToCart} disabled={!isAvailable} className="inline-flex w-full justify-center items-center gap-2 disabled:pointer-events-none">
                 {isAvailable && <PlusIcon />}
-                <div className="text-sm2 pt-0.5 font-normal text-foreground">
-                  {isAvailable ? "افزودن" : "عدم موجودی"}
-                </div>
+                <div className="text-sm2 pt-0.5 font-normal text-foreground">{isAvailable ? "افزودن" : "عدم موجودی"}</div>
               </button>
             ) : (
               <>