fix(projects): فلش پیمایش روی لبهٔ بیرونی هر کارت و آینهٔ هم — قبلی رو به راست، بعدی رو به چپ

This commit is contained in:
aramesh-site deploy
2026-10-09 19:25:52 +00:00
parent c200159afd
commit c1d7f61a45
+2 -2
View File
@@ -240,13 +240,13 @@ export function ProjectDetail() {
to={href(`/projects/${prevProject.slug}`)} to={href(`/projects/${prevProject.slug}`)}
className="group flex min-w-0 flex-1 items-center gap-3 rounded-2xl border border-ivory/12 bg-ink/40 px-4 py-3.5 transition-all duration-300 ease-lux hover:-translate-y-0.5 hover:border-copper/50 hover:bg-ink/70 md:max-w-[46%] md:px-6 md:py-5" className="group flex min-w-0 flex-1 items-center gap-3 rounded-2xl border border-ivory/12 bg-ink/40 px-4 py-3.5 transition-all duration-300 ease-lux hover:-translate-y-0.5 hover:border-copper/50 hover:bg-ink/70 md:max-w-[46%] md:px-6 md:py-5"
> >
<ArrowLeftIcon className="h-4 w-4 shrink-0 text-copper" aria-hidden="true" />
<span className="flex min-w-0 flex-col text-start"> <span className="flex min-w-0 flex-col text-start">
<span className="text-[11px] font-light text-ivory/50">{t('prevProject')}</span> <span className="text-[11px] font-light text-ivory/50">{t('prevProject')}</span>
<span className="mt-1 truncate text-sm font-bold text-ivory transition-colors duration-300 group-hover:text-copper md:text-base"> <span className="mt-1 truncate text-sm font-bold text-ivory transition-colors duration-300 group-hover:text-copper md:text-base">
{prevProject.title} {prevProject.title}
</span> </span>
</span> </span>
<ArrowLeftIcon className="h-4 w-4 shrink-0 -scale-x-100 text-copper" aria-hidden="true" />
</Link> </Link>
) : ( ) : (
<span className="flex-1" aria-hidden="true" /> <span className="flex-1" aria-hidden="true" />
@@ -257,13 +257,13 @@ export function ProjectDetail() {
to={href(`/projects/${nextProject.slug}`)} to={href(`/projects/${nextProject.slug}`)}
className="group flex min-w-0 flex-1 items-center justify-end gap-3 rounded-2xl border border-ivory/12 bg-ink/40 px-4 py-3.5 text-end transition-all duration-300 ease-lux hover:-translate-y-0.5 hover:border-copper/50 hover:bg-ink/70 md:max-w-[46%] md:px-6 md:py-5" className="group flex min-w-0 flex-1 items-center justify-end gap-3 rounded-2xl border border-ivory/12 bg-ink/40 px-4 py-3.5 text-end transition-all duration-300 ease-lux hover:-translate-y-0.5 hover:border-copper/50 hover:bg-ink/70 md:max-w-[46%] md:px-6 md:py-5"
> >
<ArrowLeftIcon className="h-4 w-4 shrink-0 text-copper" aria-hidden="true" />
<span className="flex min-w-0 flex-col text-end"> <span className="flex min-w-0 flex-col text-end">
<span className="text-[11px] font-light text-ivory/50">{t('nextProject')}</span> <span className="text-[11px] font-light text-ivory/50">{t('nextProject')}</span>
<span className="mt-1 truncate text-sm font-bold text-ivory transition-colors duration-300 group-hover:text-copper md:text-base"> <span className="mt-1 truncate text-sm font-bold text-ivory transition-colors duration-300 group-hover:text-copper md:text-base">
{nextProject.title} {nextProject.title}
</span> </span>
</span> </span>
<ArrowLeftIcon className="h-4 w-4 shrink-0 -scale-x-100 text-copper" aria-hidden="true" />
</Link> </Link>
)} )}
</div> </div>