feat(homepage): significantly increase mobile hero abacus size
Increased mobile scale from 2.5 to 3.5 to better utilize available screen space on mobile devices. Screenshot review showed ample room above and below the abacus without risk of overlapping title or scroll hint. Final scales: - Mobile (base): scale(3.5) - 75% larger than original - Medium (md): scale(3.5) - 16% larger than original - Desktop (lg): scale(4.25) - 6% larger than original 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
parent
4c6939807e
commit
424f41d4bf
|
|
@ -131,7 +131,7 @@ export function HeroAbacus() {
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className={css({
|
className={css({
|
||||||
transform: { base: 'scale(2.5)', md: 'scale(3.5)', lg: 'scale(4.25)' },
|
transform: { base: 'scale(3.5)', md: 'scale(3.5)', lg: 'scale(4.25)' },
|
||||||
transformOrigin: 'center center',
|
transformOrigin: 'center center',
|
||||||
transition: 'all 0.5s cubic-bezier(0.4, 0, 0.2, 1)',
|
transition: 'all 0.5s cubic-bezier(0.4, 0, 0.2, 1)',
|
||||||
})}
|
})}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue