VSinerva/freesewing
1
0
Fork 0
Code Activity

chore(org): Padding tweaks on homepage

Browse source
This commit is contained in:
joostdecock 2023-07-30 15:55:11 +02:00
parent f461370007
commit 4ea03c00be
1 changed files with 4 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

8
sites/org/pages/index.mjs
View file

@ -51,7 +51,7 @@ const HomePage = ({ page }) => {
</div>
<div className="max-w-7xl m-auto px-0 -mt-12 mb-24 md:my-24">
<div className="p-1 bg-gradient-to-tr from-neutral to-accent mt-12 rounded-none md:rounded-lg lg:rounded-xl md:shadow text-neutral-content md:mx-4 px-4 md:px-8 lg:px-12">
<div className="p-1 bg-gradient-to-tr from-neutral to-accent mt-12 rounded-none md:rounded-lg lg:rounded-xl md:shadow text-neutral-content md:mx-4 p-8 lg:px-12 md:py-0">
<div className="flex flex-col md:gap-8 lg:gap-12 md:flex md:flex-row m-auto">
<div className="md:pt-8 pb-8 lg:py-12 grow m-auto max-w-prose">
<SignUp />
@ -79,7 +79,7 @@ const HomePage = ({ page }) => {
</div>
</div>
<div className="flex flex-col gap-8 md:grid md:grid-cols-2 md:gap-4 mt-12 md:px-4">
<div className="flex flex-col gap-8 md:grid md:grid-cols-2 md:gap-4 mt-12 md:mt-20 md:px-4">
<div className="p-1 bg-gradient-to-tr from-accent to-primary rounded-none md:rounded-xl md:shadow -mx-2 px-2 md:mx-auto md:px-1 flex flex-col">
<div className="bg-base-100 px-4 md:px-8 py-10 rounded-none md:rounded-lg grow">
<h2 className="mb-4">{t('whatIsFreeSewing')}</h2>
@ -97,14 +97,14 @@ const HomePage = ({ page }) => {
</div>
</div>
<div className="text-center mt-12">
<div className="text-center mt-20 md:mt-20">
<h2 className="text-5xl">{t('howDoesItWork')}</h2>
<HowDoesItWorkAnimation t={t} />
</div>
</div>
<div className="max-w-7xl m-auto px-0 -mt-12 mb-24 md:my-24">
<div className="p-1 bg-gradient-to-tr from-neutral to-primary mt-12 rounded-none md:rounded-lg lg:rounded-xl md:shadow text-neutral-content md:mx-4 px-4 md:px-8 lg:px-12">
<div className="p-1 bg-gradient-to-tr from-neutral to-primary mt-12 rounded-none md:rounded-lg lg:rounded-xl md:shadow text-neutral-content md:mx-4 p-8 lg:px-12 md:py-0">
<div className="flex flex-col md:gap-2 lg:gap-12 md:grid md:grid-cols-2">
<div className="md:pt-8 pb-8 lg:py-12 max-w-prose w-full m-auto">
<h2 className="text-inherit mb-4">