FrankerFaceZ/src/std-components/aspect.vue

<template functional>
	<div
		:class="`tw-aspect--align-${props.align||'top'}`"
		class="tw-aspect"
	>
		<div
			:style="{paddingBottom: (props.padding ? props.padding : (100 * (1 / (props.ratio || 1)))) + '%'}"
			class="tw-aspect__spacer"
		/>
		<slot />
	</div>
</template>
4.2.5 * Fixed: Words being highlighted as mentions incorrectly when they start with the user's name. * API Changed: New `<react-link>` and `<aspect>` global Vue components. 2019-06-05 20:29:33 -04:00			`<template functional>`
			`<div`
			:class="`tw-aspect--align-${props.align\|\|'top'}`"
			`class="tw-aspect"`
			`>`
			`<div`
4.5.0 * Added: Setting to hide the "LIVE" indicator on live channel pages. * Added: Setting to invert portrait mode, placing chat at the top rather than the bottom. * API Added: New icons to the default icon set: `user`, `clip`, `sort-down`, `sort-up`, `sort-alt-up`, `sort-alt-down`, and `language`. * API Added: All Vue components now have access to a `getReactURL(route, ...)` method for building URLs. * API Fixed: `<react-link />` will not attempt a React navigation if given a non-relative link. * API Fixed: Issue with `getTagImmediate` throwing an exception when not given a callback function. 2019-06-17 15:32:38 -04:00			`:style="{paddingBottom: (props.padding ? props.padding : (100 * (1 / (props.ratio \|\| 1)))) + '%'}"`
4.2.5 * Fixed: Words being highlighted as mentions incorrectly when they start with the user's name. * API Changed: New `<react-link>` and `<aspect>` global Vue components. 2019-06-05 20:29:33 -04:00			`class="tw-aspect__spacer"`
			`/>`
			`<slot />`
			`</div>`
			`</template>`