RomanNum3ral
/
OpenCut
mirror of https://github.com/OpenCut-app/OpenCut.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Refine spacing to match previous spacing 

Correct hero spacing changes caused by line-height adjustments in Tailwind v4
This commit is contained in:
Brandon McConnell 2025-07-30 15:03:16 -04:00
parent df1e80b528
commit dbc1d2e1a3
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
apps/web/src/components/landing/handlebars.tsx
View File

@ -46,8 +46,8 @@ export function Handlebars({ children }: HandlebarsProps) {
const rightGradient = useTransform(rightHandleX, [0, width + 10], [0, 100]);
return (
<div className="flex justify-center gap-4 leading-16 mt-0 md:mt-2">
<div ref={containerRef} className="relative -rotate-[2.76deg] mt-2">
<div className="flex justify-center gap-4 leading-16">
<div ref={containerRef} className="relative -rotate-[2.76deg] mt-0.5">
<div className="absolute inset-0 w-full h-full rounded-2xl border border-yellow-500 flex justify-between z-1">
<motion.div
className="absolute z-10 left-0 h-full border border-yellow-500 w-7 rounded-full bg-accent flex items-center justify-center select-none"
@ -62,7 +62,7 @@ export function Handlebars({ children }: HandlebarsProps) {
whileDrag={{ scale: 1.1, cursor: "grabbing" }}
transition={{ type: "spring", stiffness: 400, damping: 30 }}
>
<div className="w-2 h-8 rounded-full bg-yellow-500"></div>
<div className="w-2 h-8 rounded-full bg-yellow-500" />
</motion.div>
<motion.div
@ -81,7 +81,7 @@ export function Handlebars({ children }: HandlebarsProps) {
whileDrag={{ scale: 1.1, cursor: "grabbing" }}
transition={{ type: "spring", stiffness: 400, damping: 30 }}
>
<div className="w-2 h-8 rounded-full bg-yellow-500"></div>
<div className="w-2 h-8 rounded-full bg-yellow-500" />
</motion.div>
</div>

2
apps/web/src/components/landing/hero.tsx
View File

@ -30,7 +30,7 @@ export function Hero() {
initial={{ opacity: 0, y: 20 }}
animate={{ opacity: 1, y: 0 }}
transition={{ delay: 0.6, duration: 0.8 }}
className="mb-8 flex justify-center"
className="mb-4 flex justify-center"
>
<SponsorButton
href="https://vercel.com/home?utm_source=opencut"