Display contact form in a full-screen widget without scroll bar
Modify ContactSection component to render Mailchimp iframe with `scrolling="no"` and increased height for full-screen display. 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/e2d11d08-168d-4fd5-b4c6-d4e5148dc70f.jpg
This commit is contained in:
parent
82441e3a41
commit
f0c7150ddb
|
|
@ -11,19 +11,19 @@ export function ContactSection() {
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="flex justify-center">
|
<div className="w-full">
|
||||||
<div className="max-w-xl w-full">
|
<div className="w-full max-w-4xl mx-auto">
|
||||||
<div className="bg-gray-50 p-8 rounded-lg shadow-sm">
|
|
||||||
<iframe
|
<iframe
|
||||||
src="https://us5.list-manage.com/contact-form?u=1d139a47cd1264b937687c37e&form_id=570823f6e3a6f36704ea241f7201c8ac"
|
src="https://us5.list-manage.com/contact-form?u=1d139a47cd1264b937687c37e&form_id=570823f6e3a6f36704ea241f7201c8ac"
|
||||||
width="100%"
|
width="100%"
|
||||||
height="600"
|
height="800"
|
||||||
frameBorder="0"
|
frameBorder="0"
|
||||||
marginHeight={0}
|
marginHeight={0}
|
||||||
marginWidth={0}
|
marginWidth={0}
|
||||||
|
scrolling="no"
|
||||||
style={{
|
style={{
|
||||||
border: 'none',
|
border: 'none',
|
||||||
borderRadius: '8px',
|
overflow: 'hidden',
|
||||||
backgroundColor: 'transparent'
|
backgroundColor: 'transparent'
|
||||||
}}
|
}}
|
||||||
title="Contact Form"
|
title="Contact Form"
|
||||||
|
|
@ -33,7 +33,6 @@ export function ContactSection() {
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</section>
|
</section>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Loading…
Reference in New Issue