blsmedia/bot
2
0
Fork 0
Code Activity

⚡ (video) Allow changing video height when resolved to an iframe

Browse Source
This commit is contained in:
Baptiste Arnaud
2023-10-12 14:48:52 +02:00
parent e071c810ae
commit ee685f14f3
9 changed files with 55 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
packages/embeds/js/src/features/blocks/bubbles/video/components/VideoBubble.tsx
View File

@@ -39,9 +39,9 @@ export const VideoBubble = (props: Props) => {
})
return (
<div class="flex flex-col animate-fade-in" ref={ref}>
<div class="flex flex-col w-full animate-fade-in" ref={ref}>
<div class="flex w-full items-center">
<div class="flex relative z-10 items-start typebot-host-bubble overflow-hidden">
<div class="flex relative z-10 items-start typebot-host-bubble overflow-hidden w-full">
<div
class="flex items-center absolute px-4 py-2 bubble-typing z-10 "
style={{
@@ -86,7 +86,11 @@ export const VideoBubble = (props: Props) => {
isTyping() ? 'opacity-0' : 'opacity-100 p-4'
)}
style={{
height: isTyping() ? (isMobile() ? '32px' : '36px') : '200px',
height: isTyping()
? isMobile()
? '32px'
: '36px'
: `${props.content.height ?? '400'}px`,
}}
>
<iframe