novalon/novalon-website
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
zhangxiang
2026-08-31 12:03:03 +08:00
parent 2af6d01396
commit 4c85b3cbdf
2 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/sections/service-card.tsx
+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>
src/components/sections/stats-bar.tsx
+4 -4
View File
@@ -73,11 +73,11 @@ export function StatsBar({ items, dark = false, className = '' }: StatsBarProps)
{items.map((item, i) => (
<div
key={i}
className="py-10 sm:py-12 md:py-14 px-4 sm:px-6 md:px-8 text-center transition-all duration-[var(--transition-normal)] ease-[var(--ease-ink)] hover:bg-[var(--color-bg-hover)] group"
className="py-10 sm:py-12 md:py-14 px-4 sm:px-6 md:px-8 text-center transition-all duration-normal ease-ink hover:bg-[var(--color-bg-hover)] group"
style={{ background: dark ? 'var(--color-brand)' : 'var(--color-bg-primary)' }}
>
<div
className="font-sans tabular-nums text-[clamp(36px,8vw,64px)] font-bold leading-none mb-1 md:mb-2 tracking-[-0.02em] transition-all duration-[var(--transition-slow)] ease-[var(--ease-ink)] group-hover:scale-105"
className="font-sans tabular-nums text-[clamp(36px,8vw,64px)] font-bold leading-none mb-1 md:mb-2 tracking-[-0.02em] transition-all duration-slow ease-ink group-hover:scale-105"
style={{
color: dark ? '#FFFFFF' : 'var(--color-text-primary)',
transform: inView ? 'scale(1)' : 'scale(0.9)',
@@ -101,7 +101,7 @@ export function StatsBar({ items, dark = false, className = '' }: StatsBarProps)
</span>
</div>
<div
className="text-[12px] sm:text-[13px] font-medium mb-3 md:mb-4 tracking-[0.08em] uppercase transition-all duration-[var(--transition-normal)]"
className="text-[12px] sm:text-[13px] font-medium mb-3 md:mb-4 tracking-[0.08em] uppercase transition-all duration-normal"
style={{
color: dark ? 'rgba(255,255,255,0.5)' : 'var(--color-text-muted)',
opacity: inView ? 1 : 0,
@@ -113,7 +113,7 @@ export function StatsBar({ items, dark = false, className = '' }: StatsBarProps)
</div>
{item.desc && (
<div
className="text-[12px] sm:text-[13px] leading-relaxed transition-all duration-[var(--transition-normal)]"
className="text-[12px] sm:text-[13px] leading-relaxed transition-all duration-normal"
style={{
color: dark ? 'rgba(255,255,255,0.35)' : 'var(--color-text-subtle)',
opacity: inView ? 1 : 0,