External/OpenCut
1
0
Fork 0
mirror of https://github.com/OpenCut-app/OpenCut.git synced 2026-07-13 21:52:53 +02:00
Code Issues Packages Projects Releases Wiki Activity

Refine spacing to match previous spacing

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/components/landing/handlebars.tsx
+4 -4
View File
@@ -46,8 +46,8 @@ export function Handlebars({ children }: HandlebarsProps) {
const rightGradient = useTransform(rightHandleX, [0, width + 10], [0, 100]); const rightGradient = useTransform(rightHandleX, [0, width + 10], [0, 100]);
return ( return (
<div className="flex justify-center gap-4 leading-16 mt-0 md:mt-2"> <div className="flex justify-center gap-4 leading-16">
<div ref={containerRef} className="relative -rotate-[2.76deg] mt-2"> <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"> <div className="absolute inset-0 w-full h-full rounded-2xl border border-yellow-500 flex justify-between z-1">
<motion.div <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" 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" }} whileDrag={{ scale: 1.1, cursor: "grabbing" }}
transition={{ type: "spring", stiffness: 400, damping: 30 }} 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>
<motion.div <motion.div
@@ -81,7 +81,7 @@ export function Handlebars({ children }: HandlebarsProps) {
whileDrag={{ scale: 1.1, cursor: "grabbing" }} whileDrag={{ scale: 1.1, cursor: "grabbing" }}
transition={{ type: "spring", stiffness: 400, damping: 30 }} 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>
</div> </div>
apps/web/src/components/landing/hero.tsx
+1 -1
View File
@@ -30,7 +30,7 @@ export function Hero() {
initial={{ opacity: 0, y: 20 }} initial={{ opacity: 0, y: 20 }}
animate={{ opacity: 1, y: 0 }} animate={{ opacity: 1, y: 0 }}
transition={{ delay: 0.6, duration: 0.8 }} transition={{ delay: 0.6, duration: 0.8 }}
className="mb-8 flex justify-center" className="mb-4 flex justify-center"
> >
<SponsorButton <SponsorButton
href="https://vercel.com/home?utm_source=opencut" href="https://vercel.com/home?utm_source=opencut"