Refactor DisplacementCard and DisplacementCardsWrapper for improved styling; update AboutExperience for consistency in class names.

This commit is contained in:
2026-04-14 11:59:34 +05:00
parent da63ee5699
commit 211e8b3fa0
3 changed files with 8 additions and 6 deletions
@@ -97,9 +97,7 @@ export default function DisplacementCard({
<PointIcon />
</div>
)}
<div
className={`flex overflow-hidden flex-col flex-1 justify-between items-center w-full min-h-0`}
>
<div className="flex flex-col flex-1 justify-between items-center w-full min-h-0">
{children}
</div>
</motion.div>
@@ -1,3 +1,4 @@
import clsx from "clsx";
import React from "react";
export default function DisplacementCardsWrapper({
@@ -9,7 +10,10 @@ export default function DisplacementCardsWrapper({
}) {
return (
<div
className={`lg:w-[calc(100dvw-1.389vw-1.389vw)] lg:h-full max-lg:grid max-lg:grid-cols-3 max-lg:grid-rows-2 max-lg:gap-3 max-md:grid max-md:grid-cols-2 max-md:gap-[2.222vw] ${className}`}
className={clsx(
`lg:w-[calc(100dvw-1.389vw-1.389vw)] lg:h-full max-lg:grid max-lg:grid-cols-3 max-lg:grid-rows-2 items-stretch max-lg:gap-3 max-md:grid max-md:grid-cols-2 max-md:gap-[2.222vw]`,
className
)}
>
{children}
</div>
@@ -201,7 +201,7 @@ export default function AboutExperience() {
{/* Крутые ребята */}
<div
className="w-full aspect-[140/68] flex items-center justify-center relative
md:max-lg:items-start "
md:max-lg:items-start"
>
<div className="flex flex-col gap-y-[1.667vw] text-center w-[68.333vw] md:max-lg:w-full md:max-lg:gap-y-[3.125vw] max-md:w-full max-md:gap-[6.667vw]">
<h2 className="line2 font-medium max-md:text-[8.889vw]">
@@ -216,7 +216,7 @@ export default function AboutExperience() {
<DisplacementCardsWrapper>
<DisplacementCard
index={0}
className={"lg:top-[8.333vw] lg:left-0 !aspect-[223/260]"}
className={"lg:top-[8.333vw] lg:left-0 !aspect-[223/260]"}
>
<YearsLabel years={[2024, 2025]} />
<img