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

CSS polish: increase newsletter input height for better UX

Browse Source
This commit is contained in:
Unchained
2026-03-24 13:46:38 +02:00
parent b18ab349b6
commit df95e729fc
2 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -206,7 +206,7 @@ export default async function Homepage({ params }: { params: Promise<{ locale: s
<input
type="email"
placeholder={t("emailPlaceholder")}
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"
className="flex-1 min-w-0 px-5 !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"
/>
<button
type="submit"

2
src/components/home/NewsletterSection.tsx
View File

@@ -54,7 +54,7 @@ export default function NewsletterSection() {
onChange={(e) => setEmail(e.target.value)}
placeholder={t("emailPlaceholder")}
required
className="flex-1 px-4 py-4 h-12 border border-[#1A1A1A]/10 rounded-[4px] text-sm focus:outline-none focus:border-[#1A1A1A]/30 transition-colors"
className="flex-1 px-4 py-4 h-14 border border-[#1A1A1A]/10 rounded-[4px] text-base focus:outline-none focus:border-[#1A1A1A]/30 transition-colors"
/>
<button
type="submit"