fix(tailwind): arbitrary-value 改映射类,消除 ambiguous warnings

This commit is contained in:
2026-08-31 12:03:03 +08:00
parent 2af6d01396
commit 4c85b3cbdf
2 changed files with 7 additions and 7 deletions
+3 -3
View File
@@ -30,7 +30,7 @@ export function ServiceCard({
return (
<motion.div
className={`group relative bg-[var(--color-bg-primary)] border border-[var(--color-border-primary)] rounded-[var(--radius-lg)] overflow-hidden transition-all duration-[var(--transition-normal)] ease-[var(--ease-ink)] hover:-translate-y-1 hover:shadow-[var(--shadow-lg)] hover:border-[var(--color-brand)]/20 ${className}`}
className={`group relative bg-[var(--color-bg-primary)] border border-[var(--color-border-primary)] rounded-[var(--radius-lg)] overflow-hidden transition-all duration-normal ease-ink hover:-translate-y-1 hover:shadow-[var(--shadow-lg)] hover:border-[var(--color-brand)]/20 ${className}`}
initial={shouldReduceMotion ? {} : { opacity: 0, y: 24 }}
whileInView={{ opacity: 1, y: 0 }}
viewport={{ once: true, margin: '-40px' }}
@@ -50,11 +50,11 @@ export function ServiceCard({
{/* Link */}
<Link
href={href}
className="inline-flex items-center text-sm font-medium transition-all duration-[var(--transition-fast)] group-hover:gap-2.5 text-[var(--color-brand)]"
className="inline-flex items-center text-sm font-medium transition-all duration-fast group-hover:gap-2.5 text-[var(--color-brand)]"
style={{ minHeight: '44px', minWidth: '44px' }}
>
<span></span>
<ArrowRight className="w-4 h-4 transform transition-transform duration-[var(--transition-fast)] group-hover:translate-x-1" />
<ArrowRight className="w-4 h-4 transform transition-transform duration-fast group-hover:translate-x-1" />
</Link>
</div>
</motion.div>