unchained/manoon-headless
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix: update newsletter form layout for taller input

Browse Source
This commit is contained in:
Unchained
2026-03-24 13:40:08 +02:00
parent f40e661bf3
commit 855215badd
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/app/[locale]/page.tsx
View File

@@ -202,15 +202,15 @@ export default async function Homepage({ params }: { params: Promise<{ locale: s
<p className="text-white/70 mb-10 mx-auto text-lg"> <p className="text-white/70 mb-10 mx-auto text-lg">
{t("newsletterText")} {t("newsletterText")}
</p> </p>
<form className="flex flex-col sm:flex-row items-stretch justify-center max-w-md mx-auto gap-0"> <form className="flex flex-col sm:flex-row items-center justify-center max-w-md mx-auto gap-2 sm:gap-0">
<input <input
type="email" type="email"
placeholder={t("emailPlaceholder")} placeholder={t("emailPlaceholder")}
className="flex-1 min-w-0 px-5 h-[3.5rem] !h-16 bg-white/10 border border-white/20 border-b-0 sm:border-b border-r-0 sm:border-r border-white/20 text-white placeholder:text-white/50 focus:border-white focus:outline-none transition-colors text-base text-center sm:text-left rounded-t sm:rounded-l sm:rounded-tr-none" className="flex-1 min-w-0 px-5 h-14 bg-white/10 border border-white/20 text-white placeholder:text-white/50 focus:border-white focus:outline-none transition-colors text-base text-center sm:text-left rounded sm:rounded-r-none"
/> />
<button <button
type="submit" type="submit"
className="px-8 h-[3.5rem] bg-white text-black text-sm uppercase tracking-[0.1em] font-medium hover:bg-white/90 transition-colors whitespace-nowrap flex-shrink-0 rounded-b sm:rounded-r sm:rounded-bl-none" className="px-8 h-14 bg-white text-black text-sm uppercase tracking-[0.1em] font-medium hover:bg-white/90 transition-colors whitespace-nowrap flex-shrink-0 rounded sm:rounded-l sm:rounded-bl-none"
> >
{t("subscribe")} {t("subscribe")}
</button> </button>