fix(projects): فلشهای پیمایش آینهٔ هم شدند — قبلی رو به شروع، بعدی رو به ادامه
This commit is contained in:
@@ -240,7 +240,7 @@ export function ProjectDetail() {
|
||||
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"
|
||||
>
|
||||
<ArrowLeftIcon className="h-4 w-4 shrink-0 text-copper transition-transform duration-300 ltr:-scale-x-100 group-hover:ltr:-translate-x-1 rtl:group-hover:-translate-x-1" aria-hidden="true" />
|
||||
<ArrowLeftIcon className="h-4 w-4 shrink-0 text-copper transition-transform duration-300 group-hover:-translate-x-1" aria-hidden="true" />
|
||||
<span className="flex min-w-0 flex-col text-start">
|
||||
<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">
|
||||
@@ -263,7 +263,7 @@ export function ProjectDetail() {
|
||||
{nextProject.title}
|
||||
</span>
|
||||
</span>
|
||||
<ArrowLeftIcon className="h-4 w-4 shrink-0 rotate-180 text-copper transition-transform duration-300 ltr:rotate-0 group-hover:ltr:translate-x-1 rtl:group-hover:translate-x-1" aria-hidden="true" />
|
||||
<ArrowLeftIcon className="h-4 w-4 shrink-0 rotate-180 text-copper transition-transform duration-300 group-hover:translate-x-1" aria-hidden="true" />
|
||||
</Link>
|
||||
)}
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user