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

Improve the appearance and responsiveness of the contact form on all devices 

Adjusts the Mailchimp iframe to dynamically resize and ensure the submit button is always accessible.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: d004b9e1-f9be-46e2-acda-f440ccd644a9
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/af8dabca-e746-4e53-9c29-d8d4d9cf30f5/354cbcbf-c88b-4413-80ea-ac01aad48427.jpg
This commit is contained in:
JeffEmmett 2025-06-13 18:28:18 +00:00
parent 75cc795f52
commit 0ebcafba59
1 changed files with 20 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
client/src/components/contact/contact-section.tsx
View File

@ -13,24 +13,29 @@ export function ContactSection() {
<div className="w-full"> <div className="w-full">
<div className="w-full max-w-4xl mx-auto"> <div className="w-full max-w-4xl mx-auto">
<iframe <div
src="https://us5.list-manage.com/contact-form?u=1d139a47cd1264b937687c37e&form_id=570823f6e3a6f36704ea241f7201c8ac" className="w-full bg-transparent rounded-lg overflow-hidden"
width="100%"
height="1000"
frameBorder="0"
marginHeight={0}
marginWidth={0}
scrolling="no"
style={{ style={{
border: 'none', height: 'clamp(600px, 80vh, 1200px)',
overflow: 'hidden', minHeight: '600px'
backgroundColor: 'transparent',
minHeight: '1000px'
}} }}
title="Contact Form"
> >
Loading contact form... <iframe
</iframe> src="https://us5.list-manage.com/contact-form?u=1d139a47cd1264b937687c37e&form_id=570823f6e3a6f36704ea241f7201c8ac"
className="w-full h-full"
frameBorder="0"
marginHeight={0}
marginWidth={0}
scrolling="yes"
style={{
border: 'none',
backgroundColor: 'transparent'
}}
title="Contact Form"
>
Loading contact form...
</iframe>
</div>
</div> </div>
</div> </div>
</div> </div>