docs: Fix Arcade sizing in docs

[timroes]

What

Allow specifying the padding-bottom property of the wrapping div for an arcade which is needed to calculate the correct size and is different for each arcade.

This can be found in the Share menu when looking at the arcade in their portal:

Paste that code somewhere, and it will contain the padding-bottom that needs to be copied, e.g. the pasted snippet looks like:

<div style="position: relative; padding-bottom: calc(56.73828125% + 41px); height: 0; width: 100%;"><iframe src="https://demo.arcade.software/4V0TGOX02P0rwVNwz4MR?embed&show_copy_link=true&variable.first_name=INSERT_VALUE_HERE&variable.company_name=INSERT_VALUE_HERE" title="Getting Started (Source)" frameborder="0" loading="lazy" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="clipboard-write" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;color-scheme: light;"></iframe></div>

In this case the paddingBottom property of our doc's Arcade component must be set to calc(56.73828125% + 41px), which can be found in the style property of the div.

Can this PR be safely reverted and rolled back?

• YES 💚
• NO ❌

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
airbyte-docs	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	May 21, 2024 2:25pm