fix(components): adjust spacing and class names for improved layout consistency

This commit is contained in:
mr. M 2025-01-19 23:04:47 +01:00
parent ced299c8f6
commit b9eb8f9606
No known key found for this signature in database
GPG key ID: CBD57A2AEDBDA1FB
15 changed files with 131 additions and 138 deletions

View file

@ -39,7 +39,7 @@ import { getTitleAnimation, getZoomInAnimation } from '../animations'
</section>
<section
id="customization"
class="relative flex w-full flex-col gap-16 overflow-y-hidden px-4 py-36 pt-24 lg:flex-row lg:px-12 xl:px-24"
class="relative flex w-full flex-col gap-12 overflow-y-hidden px-4 py-36 pt-24 lg:flex-row lg:px-12 xl:px-52"
>
<div>
<motion.span client:load {...getTitleAnimation(0.2)}>
@ -56,10 +56,10 @@ import { getTitleAnimation, getZoomInAnimation } from '../animations'
limit.
</Description>
</motion.span>
<div class="mt-4 flex">
<div class="mt-4 flex gap-4">
<motion.span client:load {...getTitleAnimation(0.6)}>
<Button isPrimary href="/customization">
Learn More
Zen Mods
<ArrowRight className="size-4" />
</Button>
</motion.span>