Merge pull request #10482 from backstage/orkohunter/live-page

Make backstage.io/live responsive
2022-03-30 09:24:26 +02:00
parent bdd2fe0429 1555e5d0d2
commit 12a0114e1e
1 changed files with 6 additions and 8 deletions
@@ -32,24 +32,22 @@ const Background = props => {

      <Block className="stripe bg-black">
        <Block.Container style={{ justifyContent: 'flex-start' }}>
-          <Block.Paragraph>
+          <Block.MediaFrame>
            <iframe
-              width="1280"
-              height="720"
              src="https://www.youtube.com/embed/mFi_X58igzk"
              title="YouTube video player"
              frameborder="0"
              allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
              allowfullscreen
            ></iframe>
-          </Block.Paragraph>
-          <Block.TextBox>
+          </Block.MediaFrame>
+          <Block.MediaFrame>
            <iframe
+              width="300"
+              height="500"
              src="https://www.youtube.com/live_chat?v=mFi_X58igzk&embed_domain=backstage.io&dark_theme=1"
-              width="400px"
-              height="680px"
            ></iframe>
-          </Block.TextBox>
+          </Block.MediaFrame>
        </Block.Container>
      </Block>