Refactor DisplacementCard and DisplacementCardsWrapper for improved styling; update AboutExperience for consistency in class names.
This commit is contained in:
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user