fix: revert newsletter form, keep only taller input
This commit is contained in:
@@ -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">
|
||||
{t("newsletterText")}
|
||||
</p>
|
||||
<form className="flex flex-col sm:flex-row items-center justify-center max-w-md mx-auto gap-2 sm:gap-0">
|
||||
<form className="flex flex-col sm:flex-row items-stretch justify-center max-w-md mx-auto gap-0">
|
||||
<input
|
||||
type="email"
|
||||
placeholder={t("emailPlaceholder")}
|
||||
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"
|
||||
className="flex-1 min-w-0 px-5 !h-14 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"
|
||||
/>
|
||||
<button
|
||||
type="submit"
|
||||
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"
|
||||
className="px-8 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"
|
||||
>
|
||||
{t("subscribe")}
|
||||
</button>
|
||||
|
||||
Reference in New Issue
Block a user