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:
parent
75cc795f52
commit
0ebcafba59
|
|
@ -13,24 +13,29 @@ export function ContactSection() {
|
|||
|
||||
<div className="w-full">
|
||||
<div className="w-full max-w-4xl mx-auto">
|
||||
<iframe
|
||||
src="https://us5.list-manage.com/contact-form?u=1d139a47cd1264b937687c37e&form_id=570823f6e3a6f36704ea241f7201c8ac"
|
||||
width="100%"
|
||||
height="1000"
|
||||
frameBorder="0"
|
||||
marginHeight={0}
|
||||
marginWidth={0}
|
||||
scrolling="no"
|
||||
<div
|
||||
className="w-full bg-transparent rounded-lg overflow-hidden"
|
||||
style={{
|
||||
border: 'none',
|
||||
overflow: 'hidden',
|
||||
backgroundColor: 'transparent',
|
||||
minHeight: '1000px'
|
||||
height: 'clamp(600px, 80vh, 1200px)',
|
||||
minHeight: '600px'
|
||||
}}
|
||||
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>
|
||||
|
|
|
|||
Loading…
Reference in New Issue