inject custom style (#1083)

This commit is contained in:
Meisam
2021-06-07 22:53:25 +02:00
committed by GitHub
parent 4bee6408b4
commit c77782cd35

View File

@@ -225,7 +225,10 @@ export default class VideoOnly extends Component {
isPlaying, isPlaying,
} = state; } = state;
const { logo = TEMP_IMAGE } = configData; const {
logo = TEMP_IMAGE,
customStyles,
} = configData;
const mainClass = playerActive ? 'online' : ''; const mainClass = playerActive ? 'online' : '';
@@ -234,6 +237,9 @@ export default class VideoOnly extends Component {
: html` <${VideoPoster} offlineImage=${logo} active=${streamOnline} /> `; : html` <${VideoPoster} offlineImage=${logo} active=${streamOnline} /> `;
return html` return html`
<main class=${mainClass}> <main class=${mainClass}>
<style>
${customStyles}
</style>
<div <div
id="video-container" id="video-container"
class="flex owncast-video-container bg-black w-full bg-center bg-no-repeat flex flex-col items-center justify-start" class="flex owncast-video-container bg-black w-full bg-center bg-no-repeat flex flex-col items-center justify-start"