From e48b6d75eff3e4289e4eaeeacfb31a37319c852b Mon Sep 17 00:00:00 2001
From: Lanskikh <lanskikh-mikhail@mail.ru>
Date: Wed, 18 Jun 2025 18:03:30 +0500
Subject: [PATCH] upd

---
 .env                                          |  2 +-
 src/components/AboutMarasiDrive.tsx           |  6 +++---
 src/components/MarasiDriveInteriorsSlider.tsx | 10 +++++-----
 src/components/ui/Button.tsx                  |  4 ++--
 4 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/.env b/.env
index ec09a95..90eaa48 100644
--- a/.env
+++ b/.env
@@ -1,2 +1,2 @@
-VITE_API_URL=http://192.168.1.168:4002
+VITE_API_URL=http://192.168.1.224:4002
 # VITE_API_URL=http://194.26.138.94:4002
\ No newline at end of file
diff --git a/src/components/AboutMarasiDrive.tsx b/src/components/AboutMarasiDrive.tsx
index 877af3c..4c505f1 100644
--- a/src/components/AboutMarasiDrive.tsx
+++ b/src/components/AboutMarasiDrive.tsx
@@ -77,7 +77,7 @@ function AboutMarasiDrive() {
           </p>
         </div>
       </section>
-      <div className="2xl:sticky relative 2xl:top-[-275%], top-[-135vw] bg-white w-full overflow-clip">
+      <div className="2xl:sticky relative top-[-134vw] bg-white w-full overflow-clip">
         <section className="2xl:pt-[9.444vw] 2xl:px-[2.222vw] 2xl:pb-[2.222vw] md:max-2xl:pt-[104px] md:max-2xl:px-6 md:max-2xl:pb-8 pt-16 px-4 pb-8 flex flex-col 2xl:gap-[4.444vw] md:max-2xl:gap-12 gap-10">
           <div className="flex flex-col 2xl:gap-[2.222vw] md:max-2xl:gap-8 gap-6 items-center">
             <h2 className="font-mixcase-unmixed md:text-h1 text-[28px] leading-none text-center max-md:whitespace-pre-line ">
@@ -129,7 +129,7 @@ function AboutMarasiDrive() {
             ))}
           </div>
         </section>
-        <section className="flex flex-col 2xl:gap-[4.444vw] 2xl:pt-[9.444vw] 2xl:px-[2.222vw] 2xl:pb-[2.222vw] md:max-2xl:pt-[104px] md:max-2xl:px-6 md:max-2xl:pb-8 pt-16 px-4 pb-8">
+        <section className="flex flex-col 2xl:gap-[4.444vw] 2xl:pt-[9.444vw] 2xl:pb-[15vw] 2xl:px-[2.222vw] md:max-2xl:pt-[104px] md:max-2xl:px-6 md:max-2xl:pb-8 pt-16 px-4 max-md:pb-8">
           <div className="flex flex-col 2xl:gap-[2.222vw] items-center">
             <h2 className="font-mixcase-unmixed text-h1 text-center">
               Inspired interiors
@@ -205,7 +205,7 @@ function AboutMarasiDrive() {
             </div>
           </div>
         </section>
-        <section className="flex items-stretch justify-center gap-[1.111vw] 2xl:px-[10.278vw] 2xl:py-[9.444vw] md:max-2xl:py-[104px] md:mx-2xl:px-6 max-md:pt-20 max-md:pb-12 px-4">
+        <section className="flex items-stretch justify-center gap-[1.111vw] 2xl:px-[10.278vw] 2xl:pt-[9.444vw] 2xl:pb-[15vw] md:max-2xl:py-[104px] md:mx-2xl:px-6 max-md:pt-20 max-md:pb-12 px-4">
           <div>
             <img
               src="/images/about-complex/marasi-drive/podium.png"
diff --git a/src/components/MarasiDriveInteriorsSlider.tsx b/src/components/MarasiDriveInteriorsSlider.tsx
index 86e6841..b6522d1 100644
--- a/src/components/MarasiDriveInteriorsSlider.tsx
+++ b/src/components/MarasiDriveInteriorsSlider.tsx
@@ -24,7 +24,7 @@ function MarasiDriveInteriorsSlider() {
   });
 
   return (
-    <div className="relative" {...handlers}>
+    <div className="relative 2xl:mb-[15vw]" {...handlers}>
       <motion.div
         className="flex items-center gap-[6.667vw] min-h-[38.333vw]"
         animate={{
@@ -68,23 +68,23 @@ function MarasiDriveInteriorsSlider() {
         onlyIcon
         disabled={currentIndex === 0}
         onClick={() => setCurrentIndex(Math.max(currentIndex - 1, 0))}
-        className="!bg-[#F3F3F2] absolute 2xl:left-[27.778vw] top-1/2 -translate-y-1/2"
+        className="!bg-[#F3F3F2] absolute 2xl:left-[27.778vw] top-[15.833vw]"
       >
-        <span className="2xl:size-[1.389vw] size-5 text-[#0D1922]">
+        <span className="2xl:size-[1.389vw] size-5 text-[#0D1922] in-disabled:text-[#0D1922]/40">
           <ChevronLeftIcon />
         </span>
       </Button>
       <Button
         onlyIcon
         disabled={currentIndex === marasiDriveInspiredInteriors.length - 1}
-        className="!bg-[#F3F3F2] absolute 2xl:right-[27.778vw] top-1/2 -translate-y-1/2"
+        className="!bg-[#F3F3F2] absolute 2xl:right-[27.778vw] top-[15.833vw]"
         onClick={() =>
           setCurrentIndex(
             Math.min(currentIndex + 1, marasiDriveInspiredInteriors.length - 1)
           )
         }
       >
-        <span className="2xl:size-[1.389vw] size-5 text-[#0D1922]">
+        <span className="2xl:size-[1.389vw] size-5 text-[#0D1922] in-disabled:text-[#0D1922]/40">
           <ChevronRightIcon />
         </span>
       </Button>
diff --git a/src/components/ui/Button.tsx b/src/components/ui/Button.tsx
index 6fd5b9f..b03f225 100644
--- a/src/components/ui/Button.tsx
+++ b/src/components/ui/Button.tsx
@@ -43,10 +43,10 @@ function Button({
         ],
         variant === "link" && "text-sm text-black/50 w-fit",
         variant === "primary" &&
-          "bg-[#00BED7] text-white hover:bg-[#0AB3C9] active:bg-[#00A7BD] ",
+          "!bg-[#f3f3f2] text-white hover:!bg-[#0AB3C9] active:!bg-[#00A7BD] disabled:!bg-[#0D1922]/8 disabled:!text-[#0D1922]/40",
         variant === "secondary" && "bg-white text-[#0D1922]/70",
         variant === "tertiary" &&
-          "text-xs leading-[135%] text-[#0D1922]/70 !px-0 hover:text-[#0D1922] disabled:bg-transparent",
+          "text-xs leading-[135%] text-[#0D1922]/70 !px-0 hover:!text-[#0D1922] disabled:!bg-transparent",
         roundedFull ? "rounded-full" : "2xl:rounded-[0.833vw] rounded-xl",
         className
       )}