inject custom style (#1083)
This commit is contained in:
@@ -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"
|
||||||
|
|||||||
Reference in New Issue
Block a user