This commit is contained in:
2024-09-23 16:56:47 +05:00
parent 65680eb861
commit 213086bb35
4 changed files with 34 additions and 37 deletions
@@ -20,7 +20,7 @@ export function ForTeachingTab() {
itemProp="forEducation"
itemScope
itemType="https://schema.org/TrainingsForEducation"
className="overflow-hidden lg:px-10 lg:pt-10 sm:px-6 sm:pt-6 px-4 pt-4 bg-[#14161F] border-y border-[#3D425C]"
className="overflow-hidden lg:px-10 lg:pt-10 sm:px-6 sm:pt-6 px-4 py-4 bg-[#14161F] border-y border-[#3D425C]"
>
<motion.div
ref={titleRef}
@@ -65,15 +65,16 @@ export function ForTeachingTab() {
animate={imgInView ? { opacity: 1 } : {}}
transition={{ duration: 1.5, delay: 2 }}
ref={imgRef}
className="mt-5 -mr-4 lg:-mr-10 sm:-mr-6 max-sm:-mx-6 max-sm:-mb-4"
>
<img
src="/images/products/teaching/teaching.png"
className="max-sm:hidden w-[calc(685/1600*100vw)] sm:self-start lg:-mr-10 sm:-mr-6 -mr-4"
className="max-sm:hidden w-[calc(685/1600*100vw)]"
alt="обучение"
/>
<img
src="/images/products/teaching/teaching_mobile.png"
className="mt-5 -mx-6 sm:hidden"
className="w-full mt-5 -mx-6 sm:hidden"
alt="обучение"
/>
</motion.div>
@@ -108,12 +108,12 @@ export function IndustrialTab() {
/>
<img
src="/images/products/trainings/trainings_tablet.png"
className="object-cover w-[calc(438/768*100vw)] hidden sm:max-lg:block "
className="object-cover w-[calc(438/768*100vw)] hidden sm:max-lg:block"
alt="тренажеры"
/>
<img
src="/images/products/trainings/trainings_mobile.png"
className="object-center aobject-cover sm:hidden"
className="object-cover object-center sm:hidden"
alt="тренажеры"
/>
</motion.div>
@@ -2,8 +2,6 @@ export function LogoWithTextIcon({ className = '' }: { className?: string }) {
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={452}
height={160}
viewBox="0 0 452 160"
fill="none"
className={className}
+28 -30
View File
@@ -103,36 +103,34 @@ export function SliderWithScaling<T extends { title: string; id: number }>({
transitionDuration: `${sliderOffset !== baseoffset && sliderOffset !== 3 * baseoffset && sliderOffset !== 0 ? 1 : 0}s`,
}}
>
{order.map((currentSlide, index) => {
return (
<motion.div
key={currentSlide.id}
initial={
index === 1
? {
minWidth: minWidthScaled,
minHeight: minHeightScaled,
}
: { minWidth, minHeight }
}
transition={{ duration: 1, type: 'just' }}
animate={
index === 2
? {
minWidth: minWidthScaled,
minHeight: minHeightScaled,
}
: {
minWidth,
minHeight,
}
}
className={'cursor-pointer ' + childClassName}
>
<SlideElement {...currentSlide} />
</motion.div>
);
})}
{order.map((currentSlide, index) => (
<motion.div
key={currentSlide.id}
initial={
index === 1
? {
minWidth: minWidthScaled,
minHeight: minHeightScaled,
}
: { minWidth, minHeight }
}
transition={{ duration: 1, type: 'just' }}
animate={
index === 2
? {
minWidth: minWidthScaled,
minHeight: minHeightScaled,
}
: {
minWidth,
minHeight,
}
}
className={'cursor-pointer ' + childClassName}
>
<SlideElement {...currentSlide} />
</motion.div>
))}
</div>
</div>
</div>