Типы тренажеров
diff --git a/src/components/Main/Efficiency.tsx b/src/components/Main/Efficiency.tsx
index 559cb8c..98dea0a 100644
--- a/src/components/Main/Efficiency.tsx
+++ b/src/components/Main/Efficiency.tsx
@@ -2,6 +2,7 @@ import { MiniTitle } from '../../ui/MiniTitle';
import { AppearanceText } from '../../ui/AppearanceText';
import { motion, useInView, useMotionValue, useSpring } from 'framer-motion';
import { useEffect, useRef } from 'react';
+import { useWindowWidth } from '../../hooks/useWindowWidth';
export function Effeciency() {
return (
@@ -59,6 +60,8 @@ function Figure({
title: string;
type: 'charts' | 'diagram' | 'pizza';
}) {
+ const width = useWindowWidth();
+
const root = useRef
(null);
const figureRef = useRef(null);
@@ -89,10 +92,14 @@ function Figure({
initial={{
background: `bottom right / 45% url(/images/efficiency/${type}.png) no-repeat, bottom right / 0% url(/images/efficiency/efficiency_backlight.svg) no-repeat`,
}}
- whileHover={{
- backgroundSize: '45%,100%',
- transition: { duration: 0.125 },
- }}
+ whileHover={
+ width >= 1024
+ ? {
+ backgroundSize: '45%,100%',
+ transition: { duration: 0.125 },
+ }
+ : {}
+ }
className="flex lg:px-10 px-6 w-full pt-6 bg-no-repeat min-h-[240px] max-sm:border-t max-sm:last:border-b lg:aspect-[532.67/360] relative lg:border-y sm:max-lg:border-t sm:max-lg:last:border-b lg:border-r sm:first:border-r last:border-r-0 border-[#3D425C] sm:max-lg:last:col-span-2 sm:max-lg:row-start-1 sm:max-lg:last:row-start-2"
>
diff --git a/src/components/Main/Products/Tabs/ForTeachingTab.tsx b/src/components/Main/Products/Tabs/ForTeachingTab.tsx
index 201b413..210ab1d 100644
--- a/src/components/Main/Products/Tabs/ForTeachingTab.tsx
+++ b/src/components/Main/Products/Tabs/ForTeachingTab.tsx
@@ -8,7 +8,7 @@ export const ForTeachingTab = forwardRef
((_, ref) => (
itemScope
itemType="https://schema.org/TrainingsForEducation"
ref={ref}
- className="overflow-hidden lg:ml-[129px] lg:h-[70dvh] sm:h-[80dvh] lg:min-w-[calc(100vw-129px)] h-[100dvh] min-w-[100vw] sm:sticky -z-10 lg:top-[30dvh] sm:top-[20dvh] 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]"
+ 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]"
>
diff --git a/src/components/Main/Products/Tabs/IndustrialTab.tsx b/src/components/Main/Products/Tabs/IndustrialTab.tsx
index 1bf282d..3d74357 100644
--- a/src/components/Main/Products/Tabs/IndustrialTab.tsx
+++ b/src/components/Main/Products/Tabs/IndustrialTab.tsx
@@ -42,7 +42,7 @@ export const IndustrialTab = forwardRef(
itemScope
itemType="https://schema.org/IndustrialTrainings"
ref={ref}
- className="sm:sticky top-0 min-h-[100dvh] min-w-[100vw] overflow-hiddens lg:px-10 lg:pt-10 sm:px-6 sm:pt-6 px-4 pt-4 border-t border-[#3D425C] bg-[#14161F] -z-30 max-sm:flex flex-col items-center gap-y-4"
+ className="sm:sticky top-0 min-h-[100vh] min-w-[100vw] lg:px-10 lg:pt-10 sm:px-6 sm:pt-6 px-4 pt-4 border-t border-[#3D425C] bg-[#14161F] -z-30 max-sm:flex flex-col items-center gap-y-4"
>
(
itemProp="simulators"
itemType="http://schema.org/Simulators"
ref={ref}
- className="lg:ml-[65px] lg:h-[85dvh] lg:min-w-[calc(100vw-65px)] sm:h-[90dvh] min-w-[100vw] sm:sticky -z-20 lg:top-[15dvh] sm:top-[10dvh] 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 lg:space-y-12 sm:space-y-10 space-y-6 lg:border-l border-t border-[#3D425C]"
>
(
diff --git a/src/components/icons/LogoWithTextIcon.tsx b/src/components/icons/LogoWithTextIcon.tsx
index 56760fc..8f97ac6 100644
--- a/src/components/icons/LogoWithTextIcon.tsx
+++ b/src/components/icons/LogoWithTextIcon.tsx
@@ -1,237 +1,238 @@
export function LogoWithTextIcon({ className = '' }: { className?: string }) {
return (