diff --git a/custom/fitness-demo/components/Call/InviteOthers.js b/custom/fitness-demo/components/Call/InviteOthers.js index ac813d9..336778f 100644 --- a/custom/fitness-demo/components/Call/InviteOthers.js +++ b/custom/fitness-demo/components/Call/InviteOthers.js @@ -45,11 +45,9 @@ export const InviteOthers = () => { display: flex; height: 100%; width: 100%; - position: relative; } .invite-others { - width: 50%; margin: auto; text-align: center; } @@ -65,6 +63,15 @@ export const InviteOthers = () => { bottom: 0; width: 186px; } + + :global(.card) { + border: 0!important; + width: 40vw; + } + + :global(.card input) { + width: 15vw; + } `} diff --git a/custom/fitness-demo/components/Modals/LiveStreamingModal.js b/custom/fitness-demo/components/Modals/LiveStreamingModal.js index 7169e45..ea5e34e 100644 --- a/custom/fitness-demo/components/Modals/LiveStreamingModal.js +++ b/custom/fitness-demo/components/Modals/LiveStreamingModal.js @@ -51,7 +51,7 @@ export const LiveStreamingModal = () => { return ( closeModal(LIVE_STREAMING_MODAL)} actions={[ @@ -77,6 +77,8 @@ export const LiveStreamingModal = () => { ), ]} > + live streaming +

Please note: live streaming requires Scale Plan or above

{streamError && ( Unable to start stream. Error message: {streamError} @@ -141,6 +143,13 @@ export const LiveStreamingModal = () => { /> +
); }; diff --git a/custom/fitness-demo/public/assets/pattern-ls.svg b/custom/fitness-demo/public/assets/pattern-ls.svg new file mode 100644 index 0000000..8b07388 --- /dev/null +++ b/custom/fitness-demo/public/assets/pattern-ls.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + +