1
0
Fork 0
mirror of https://github.com/FrankerFaceZ/FrankerFaceZ.git synced 2025-08-08 07:10:54 +00:00
FrankerFaceZ/src/std-components/aspect.vue

12 lines
276 B
Vue
Raw Normal View History

<template functional>
<div
:class="`ffz-aspect--align-${props.align||'top'}`"
class="ffz-aspect"
>
<div
:style="{paddingTop: (props.padding ? props.padding : (100 * (1 / (props.ratio || 1)))) + '%'}"
class="ffz-aspect__spacer"
/>
<slot />
</div>
</template>