jeffemmett
/
pwf-website-new
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Reduce the size of the newsletter signup form in the website footer 

Refactor the footer's newsletter signup form by reducing padding, font sizes, and margins in `client/src/components/navigation/footer.tsx`.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 149ccd4a-2ccb-4219-9a7b-69a9690dd7ac
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/af8dabca-e746-4e53-9c29-d8d4d9cf30f5/ec4f0608-af6d-4ed6-bce6-5c9ac48de4ca.jpg
This commit is contained in:
JeffEmmett 2025-06-14 01:49:18 +00:00
parent 0285a5589e
commit de7ca05ab0
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
client/src/components/navigation/footer.tsx
View File

@ -137,13 +137,13 @@ export default function Footer() {
</div>
{/* Newsletter Signup below links and contact */}
<div className="mt-8 pt-6 pb-4 border-t border-white border-opacity-20">
<h4 className="font-playfair font-bold text-base mb-4 text-white">Stay in touch with my newsletter</h4>
<form onSubmit={handleNewsletterSubmit} className="space-y-4">
<div className="mt-6 pt-5 pb-3 border-t border-white border-opacity-20">
<h4 className="font-playfair font-bold text-sm mb-3 text-white">Stay in touch with my newsletter</h4>
<form onSubmit={handleNewsletterSubmit} className="space-y-3">
<input
type="email"
placeholder="Your email address"
className="w-full px-4 py-3 text-sm bg-white bg-opacity-90 border border-white border-opacity-30 placeholder-gray-500 text-gray-800 focus:outline-none focus:border-white rounded-md"
className="w-full px-3 py-2 text-sm bg-white bg-opacity-90 border border-white border-opacity-30 placeholder-gray-500 text-gray-800 focus:outline-none focus:border-white rounded-md"
value={email}
onChange={(e) => setEmail(e.target.value)}
required
@ -162,7 +162,7 @@ export default function Footer() {
<button
type="submit"
className="w-full px-6 py-3 text-sm bg-purple text-white font-bold hover:bg-opacity-90 transition duration-300 rounded-full flex items-center justify-center"
className="w-full px-5 py-2 text-sm bg-purple text-white font-bold hover:bg-opacity-90 transition duration-300 rounded-full flex items-center justify-center"
disabled={newsletterMutation.isPending}
>
{newsletterMutation.isPending ? (