src/components/playground.svelte
<script lang="ts">
export let src: string;
</script>
{#if src}
<code>
<iframe
{src}
frameborder="0"
title="Rust Playground is an interactive tool to run Rust code"
aria-label="Rust Playground is an interactive tool to run Rust code"
sandbox="allow-same-origin allow-scripts"
/>
</code>
{:else}
<span class="error">ERROR: invalid url</span>
{/if}
<style lang="postcss">
code {
background: none;
}
iframe {
width: 100%;
min-height: 600px;
}
@media screen and (max-width: 840px) {
iframe {
min-height: 450px;
}
}
</style>