🐛 Fix custom CSS initialization
Initializing in its own <style> element to allow import statements
This commit is contained in:
@ -74,12 +74,14 @@ export const TypebotViewer = ({
|
|||||||
<Frame
|
<Frame
|
||||||
id="typebot-iframe"
|
id="typebot-iframe"
|
||||||
head={
|
head={
|
||||||
<style>
|
<>
|
||||||
{phoneSyle}
|
<style>
|
||||||
{styles}
|
{phoneSyle}
|
||||||
{typebot.theme?.customCss}
|
{styles}
|
||||||
{importantStyles}
|
</style>
|
||||||
</style>
|
<style>{typebot.theme?.customCss}</style>
|
||||||
|
<style>{importantStyles}</style>
|
||||||
|
</>
|
||||||
}
|
}
|
||||||
name="Typebot viewer"
|
name="Typebot viewer"
|
||||||
style={{ width: '100%', height: '100%', border: 'none', ...style }}
|
style={{ width: '100%', height: '100%', border: 'none', ...style }}
|
||||||
|
Reference in New Issue
Block a user