Behrad/aramesh-backend
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(team): مدیرعامل تنها در ردیف اول و دو نفر دیگر در ردیف بعد — چیدمان سه‌نفره متعادل در همهٔ اندازه‌ها

Browse Source
This commit is contained in:
aramesh-site deploy
2026-10-09 16:05:24 +00:00
parent adedb9ea41
commit 838cc01190
1 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/home/Team.tsx
+9 -1
View File
@@ -19,7 +19,15 @@ export function Team({ tone = 'gray' }: { tone?: 'black' | 'gray' } = {}) {
<div className="mx-auto mt-8 flex max-w-5xl flex-wrap justify-center gap-4 md:mt-16 md:gap-8"> <div className="mx-auto mt-8 flex max-w-5xl flex-wrap justify-center gap-4 md:mt-16 md:gap-8">
{team.map((member, i) => ( {team.map((member, i) => (
<Reveal key={member.id} delay={0.06 * i} className="h-full w-[calc(50%-0.5rem)] md:w-[calc(50%-1rem)] lg:w-[19rem]"> <Reveal
key={member.id}
delay={0.06 * i}
className={`h-full ${
i === 0
? 'w-full max-w-sm' /* مدیرعامل — تنها در ردیف اول، وسط */
: 'w-[calc(50%-0.5rem)] md:w-[calc(50%-1rem)] lg:w-[19rem]'
}`}
>
<EditableItem resource="team" item={member} className="h-full"> <EditableItem resource="team" item={member} className="h-full">
{/* اضافه شدن rounded-2xl برای گرد شدن گوشه‌ها */} {/* اضافه شدن rounded-2xl برای گرد شدن گوشه‌ها */}
<article className="group flex h-full flex-col items-center rounded-xl border border-ivory/10 bg-char p-4 text-center md:rounded-2xl md:p-10 transition-[transform,box-shadow,border-color] duration-500 ease-out hover:-translate-y-3 hover:border-copper/50 hover:shadow-lift"> <article className="group flex h-full flex-col items-center rounded-xl border border-ivory/10 bg-char p-4 text-center md:rounded-2xl md:p-10 transition-[transform,box-shadow,border-color] duration-500 ease-out hover:-translate-y-3 hover:border-copper/50 hover:shadow-lift">