2
0

🐛 Fix custom CSS initialization

Initializing in its own <style> element to allow import statements
This commit is contained in:
Baptiste Arnaud
2023-02-10 08:40:54 +01:00
parent 5e358caee2
commit c386bb5a08

View File

@ -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 }}