mirror of
https://github.com/dataforcanada/d4c-community.git
synced 2026-06-13 14:10:52 +02:00
Diego Ripley
21 lines
557 B
Vue
21 lines
557 B
Vue
<script setup lang="ts">
|
|
defineProps<{ url: string }>();
|
|
|
|
const unscaledSize = 'calc(100% * var(--slidev-slide-scale))';
|
|
const unscaledTransform = 'scale(calc(1 / var(--slidev-slide-scale)))';
|
|
</script>
|
|
|
|
<template>
|
|
<div class="h-full w-full overflow-hidden">
|
|
<div relative :style="{ width: unscaledSize, height: unscaledSize }">
|
|
<iframe
|
|
class="w-full h-full border-none"
|
|
:src="url"
|
|
:style="{
|
|
transform: unscaledTransform,
|
|
transformOrigin: 'top left'
|
|
}"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</template> |