Fix examples

THEOplayer · Nov 23, 2023 · 1e0fcd5 · 1e0fcd5
1 parent 42d4808
commit 1e0fcd5
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/docs/examples/portrait.css b/docs/examples/portrait.css
@@ -16,7 +16,9 @@ body {
     background: url('../assets/phone-back.png') no-repeat;
     background-size: contain;
     box-sizing: border-box;
-    width: 50%;
+    min-width: 200px;
+    max-width: 50%;
+    flex-grow: 1;
     padding: 2.5%;
     aspect-ratio: 1547 / 3272;
 }
@@ -27,6 +29,7 @@ theoplayer-ui:not(:defined) {
     font-family: 'Noto Sans', sans-serif;
     width: 100%;
     height: 100%;
+    min-width: 0;
     padding: 0;
 }
 

diff --git a/src/UIContainer.css b/src/UIContainer.css
@@ -65,8 +65,8 @@
 }
 
 [part~='media-layer'] video {
-    border-radius: var(--theoplayer-video-border-radius);
-    object-fit: var(--theoplayer-video-object-fit);
+    border-radius: var(--theoplayer-video-border-radius, 0);
+    object-fit: var(--theoplayer-video-object-fit, contain);
 }
 
 /*