From d4efeb5bf43eb37fcbb003b17425d3a7e31e4a6a Mon Sep 17 00:00:00 2001
From: Lanskikh <lanskikh-mikhail@mail.ru>
Date: Thu, 19 Sep 2024 14:08:11 +0500
Subject: [PATCH] upd

---
 src/components/Layouts/Footer.tsx                    |  2 +-
 src/components/Main/Products/Tabs/ForTeachingTab.tsx |  9 +++------
 src/components/Main/Products/Tabs/IndustrialTab.tsx  |  8 ++++----
 src/components/Main/Products/Tabs/SimulatorsTab.tsx  | 12 ++++++------
 .../Main/Products/{Products.tsx => index.tsx}        |  0
 src/pages/MainPage.tsx                               |  2 +-
 6 files changed, 15 insertions(+), 18 deletions(-)
 rename src/components/Main/Products/{Products.tsx => index.tsx} (100%)

diff --git a/src/components/Layouts/Footer.tsx b/src/components/Layouts/Footer.tsx
index 9247b64..3cbe3f7 100644
--- a/src/components/Layouts/Footer.tsx
+++ b/src/components/Layouts/Footer.tsx
@@ -4,7 +4,7 @@ import { LogoWithTextIcon } from '../icons/LogoWithTextIcon';
 export function Footer() {
   return (
     <footer className="sm:grid xl:grid-cols-[2fr_1fr_1fr] sm:grid-cols-2 sm:max-xl:grid-rows-2">
-      <div className="flex sm:items-center max-sm:flex-col lg:px-10 sm:px-6 px-4 sm:py-9 py-4 border-t border-[#3D425C] gap-6 sm:max-xl:row-start-1 sm:max-xl:col-span-2">
+      <div className="flex sm:items-center max-sm:flex-col lg:px-10 sm:px-6 px-4 sm:py-[30px] py-4 border-t border-[#3D425C] gap-6 sm:max-xl:row-start-1 sm:max-xl:col-span-2">
         <Link to={'/'} className="outline-none">
           <LogoWithTextIcon className="h-[50px] w-[104px]" />
         </Link>
diff --git a/src/components/Main/Products/Tabs/ForTeachingTab.tsx b/src/components/Main/Products/Tabs/ForTeachingTab.tsx
index 210ab1d..c81ba50 100644
--- a/src/components/Main/Products/Tabs/ForTeachingTab.tsx
+++ b/src/components/Main/Products/Tabs/ForTeachingTab.tsx
@@ -10,18 +10,15 @@ export const ForTeachingTab = forwardRef<HTMLDivElement>((_, ref) => (
     ref={ref}
     className="overflow-hidden lg:ml-[129px] lg:h-[70vh] sm:h-[80vh] lg:min-w-[calc(100vw-129px)] h-[100vh] min-w-[100vw] sm:sticky -z-10 lg:top-[30vh] sm:top-[20vh] top-0 lg:px-10 lg:pt-10 sm:px-6 sm:pt-6 px-4 pt-4 lg:border-l bg-[#14161F] border-t border-[#3D425C]"
   >
-    <div className="flex justify-between ">
+    <div className="flex justify-between">
       <h2 className="font-medium h2">
         Интерактивные тренажеры для учебных заведений
       </h2>
       <p className="h3 font-medium text-[#3D425C]">03</p>
     </div>
     <div className="flex justify-between max-sm:flex-col">
-      <div className="lg:space-y-14 sm:space-y-10 space-y-6 sm:max-w-[calc(413/768*100vw)] lg:mt-14 sm:mt-10 mt-6">
-        <div
-          itemProp="creating"
-          className="lg:space-y-7 space-y-4 lg:max-w-[40vw] flex-1"
-        >
+      <div className="sm:max-w-[calc(500/768*100vw)] mt-6">
+        <div itemProp="creating" className="space-y-4 lg:max-w-[40vw] flex-1">
           <ForTeachingOption
             title="cоздание обучающих VR систем"
             description="Проведение виртуальных практических работ, создание учебных мастерских и стендов"
diff --git a/src/components/Main/Products/Tabs/IndustrialTab.tsx b/src/components/Main/Products/Tabs/IndustrialTab.tsx
index 3d74357..d2301a9 100644
--- a/src/components/Main/Products/Tabs/IndustrialTab.tsx
+++ b/src/components/Main/Products/Tabs/IndustrialTab.tsx
@@ -48,7 +48,7 @@ export const IndustrialTab = forwardRef<HTMLDivElement, { sticked: boolean }>(
         <div
           className={
             'flex justify-between items-center' +
-            (sticked ? ' text-[#3D425C] transition-colors' : '')
+            (sticked ? ' sm:text-[#3D425C] transition-colors' : '')
           }
         >
           <h2 className="w-full font-medium h2">Промышленные тренажеры</h2>
@@ -60,7 +60,7 @@ export const IndustrialTab = forwardRef<HTMLDivElement, { sticked: boolean }>(
           itemType="https://schema.org/IndustrialTrainingsEducation"
           className={
             'sm:space-y-7 space-y-4 xl:max-w-[max(450px,calc(507/1600*100vw))] lg:max-w-[440px] sm:max-w-[calc(379/768*100vw)]' +
-            (sticked ? ' transition-opacity opacity-0' : ' opacity-100')
+            (sticked ? ' transition-opacity sm:opacity-0' : ' opacity-100')
           }
         >
           <TeachingItem
@@ -84,7 +84,7 @@ export const IndustrialTab = forwardRef<HTMLDivElement, { sticked: boolean }>(
         src="/images/products/trainings/trainings_desktop.png"
         className={
           'absolute right-0 top-[121px] object-cover lg:w-[calc(1000/1600*100vw)] xl:w-[calc(1152/1600*100vw)] max-lg:hidden ' +
-          (sticked ? 'transition-opacity opacity-0' : 'opacity-100')
+          (sticked ? 'transition-opacity sm:opacity-0' : 'opacity-100')
         }
         alt="тренажеры"
       />
@@ -92,7 +92,7 @@ export const IndustrialTab = forwardRef<HTMLDivElement, { sticked: boolean }>(
         src="/images/products/trainings/trainings_tablet.png"
         className={
           'absolute right-0 top-[120px] object-cover w-[calc(438/768*100vw)] hidden sm:max-lg:block ' +
-          (sticked ? 'transition-opacity opacity-0' : 'opacity-100')
+          (sticked ? 'transition-opacity sm:opacity-0' : 'opacity-100')
         }
         alt="тренажеры"
       />
diff --git a/src/components/Main/Products/Tabs/SimulatorsTab.tsx b/src/components/Main/Products/Tabs/SimulatorsTab.tsx
index 8a2eb40..284750f 100644
--- a/src/components/Main/Products/Tabs/SimulatorsTab.tsx
+++ b/src/components/Main/Products/Tabs/SimulatorsTab.tsx
@@ -15,7 +15,7 @@ export const SimulatorsTab = forwardRef<HTMLDivElement, { sticked: boolean }>(
       itemProp="simulators"
       itemType="http://schema.org/Simulators"
       ref={ref}
-      className="lg:ml-[65px] lg:h-[85dvh] lg:min-w-[calc(100vw-65px)] sm:h-[90vh] min-w-[100vw] sm:sticky -z-20 lg:top-[15vh] sm:top-[10vh] top-0 bg-[#14161F] lg:px-10 lg:pt-10 sm:px-6 sm:pt-6 px-4 pt-4 lg:space-y-12 sm:space-y-10 space-y-6 lg:border-l border-t border-[#3D425C]"
+      className="lg:ml-[65px] lg:h-[85dvh] lg:min-w-[calc(100vw-65px)] sm:h-[90vh] min-w-[100vw] sm:sticky -z-20 lg:top-[15vh] sm:top-[10vh] top-0 bg-[#14161F] lg:px-10 lg:pt-10 sm:px-6 sm:pt-6 px-4 pt-4 sm:space-y-10 space-y-6 lg:border-l border-t border-[#3D425C]"
     >
       <div
         className={
@@ -32,7 +32,7 @@ export const SimulatorsTab = forwardRef<HTMLDivElement, { sticked: boolean }>(
         itemType="http://schema.org/SimulatorsTypes"
         className={
           'flex flex-wrap gap-2 lg:max-w-[1000px]' +
-          (sticked ? ' transition-opacity opacity-0' : ' opacity-100')
+          (sticked ? ' transition-opacity sm:opacity-0' : ' opacity-100')
         }
       >
         <SimulatorsItem text="авиационные симуляторы" />
@@ -47,11 +47,11 @@ export const SimulatorsTab = forwardRef<HTMLDivElement, { sticked: boolean }>(
         itemScope
         itemType="http://schema.org/SimulatorsModel"
         className={
-          'sm:flex max-sm:space-y-6 gap-x-2 lg:max-w-[calc(1417/1600*100vw)]' +
-          (sticked ? ' transition-opacity opacity-0' : ' opacity-100')
+          'sm:flex max-sm:space-y-6 gap-x-2' +
+          (sticked ? ' transition-opacity sm:opacity-0' : ' opacity-100')
         }
       >
-        <div className="space-y-[10px] lg:w-[calc(498.5/1600*100vw)] sm:w-[calc(331/768*100vw)]">
+        <div className="space-y-[10px] lg:w-[calc(400/1600*100vw)] sm:w-[calc(331/768*100vw)]">
           <img
             src="/images/products/simulators/rzhd2.jpg"
             className="object-cover sm:max-lg:aspect-[331/292] max-sm:aspect-[328/172]"
@@ -62,7 +62,7 @@ export const SimulatorsTab = forwardRef<HTMLDivElement, { sticked: boolean }>(
             соответствующая работе настоящего оборудования
           </p>
         </div>
-        <div className="space-y-[10px] lg:w-[calc(498.5/1600*100vw)] sm:w-[calc(331/768*100vw)]">
+        <div className="space-y-[10px] lg:w-[calc(400/1600*100vw)] sm:w-[calc(331/768*100vw)]">
           <img
             src="/images/products/simulators/rzhd.jpg"
             className="object-cover sm:max-lg:aspect-[331/292] max-sm:aspect-[328/172] object-[bottom_-1px_left_-1px]"
diff --git a/src/components/Main/Products/Products.tsx b/src/components/Main/Products/index.tsx
similarity index 100%
rename from src/components/Main/Products/Products.tsx
rename to src/components/Main/Products/index.tsx
diff --git a/src/pages/MainPage.tsx b/src/pages/MainPage.tsx
index 3cacc50..b942e38 100644
--- a/src/pages/MainPage.tsx
+++ b/src/pages/MainPage.tsx
@@ -1,7 +1,7 @@
 import { Showreel } from '../components/Main/Showreel';
 import { Decreasing } from '../components/Main/Decreasing';
 import { Effeciency } from '../components/Main/Efficiency';
-import { Products } from '../components/Main/Products/Products';
+import { Products } from '../components/Main/Products';
 import { Teaching } from '../components/Main/Teaching';
 import { Distance } from '../components/Main/Distance';
 import { MultiUser } from '../components/Main/MultiUser';