@meduza/ui-kit-2 0.8.801 → 0.9.1

package/dist/ui-kit-game.css

@@ -2745,6 +2745,18 @@
   position: relative;
 }
 
+.EmbedBlock-module_wrapper__ynT7R.EmbedBlock-module_isProportional__x8-8g {
+  width: 100%;
+  max-height: 70vh;
+}
+
+@media only screen and (min-width: 40.625em) {
+
+.EmbedBlock-module_wrapper__ynT7R.EmbedBlock-module_isProportional__x8-8g {
+    max-height: 90vh;
+}
+  }
+
 .EmbedBlock-module_wrapper__ynT7R .EmbedBlock-module_objectWrap__qpbni {
   position: static;
 }

package/dist/ui-kit.css

@@ -2745,6 +2745,18 @@
   position: relative;
 }
 
+.EmbedBlock-module_wrapper__ynT7R.EmbedBlock-module_isProportional__x8-8g {
+  width: 100%;
+  max-height: 70vh;
+}
+
+@media only screen and (min-width: 64em) {
+
+.EmbedBlock-module_wrapper__ynT7R.EmbedBlock-module_isProportional__x8-8g {
+    max-height: 90vh;
+}
+  }
+
 .EmbedBlock-module_wrapper__ynT7R .EmbedBlock-module_objectWrap__qpbni {
   position: static;
 }

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.8.801",
+  "version": "0.9.1",
   "license": "MIT",
   "description": "UIKit for Meduza",
   "repository": "https://github.com/meduza-corp/ui-kit-2.git",

package/src/EmbedBlock/EmbedBlock.module.css

@@ -250,11 +250,7 @@
   position: relative;
 }
 
-.wrapper .objectWrap {
-  position: static;
-}
-
-.isYoutube {
+.wrapper.isProportional {
   width: 100%;
   max-height: 70vh;
 
@@ -263,6 +259,10 @@
   }
 }
 
+.wrapper .objectWrap {
+  position: static;
+}
+
 /* DEVICES */
 .mobile {
   @media $mobile {

package/src/EmbedBlock/EmbedBlock.tsx

@@ -98,13 +98,7 @@ export const EmbedBlock: React.FC<EmbedBlockProps> = ({
       default: {
         return (
           <div className={styles.object}>
-            <div
-              className={makeClassName([
-                [styles.wrapper, true],
-                [styles.isYoutube, provider === 'youtube' && isProportional]
-              ])}
-              style={style}
-            >
+            <div className={styles.wrapper} style={style}>
               <DangerousHTML className={styles.objectWrap} html={html} />
             </div>
           </div>
@@ -113,10 +107,7 @@ export const EmbedBlock: React.FC<EmbedBlockProps> = ({
     }
   }
 
-  if (isProportional && provider !== 'youtube') {
-    style.paddingBottom = `${(block.data.height / block.data.width) * 100}%`
-    style.height = 0
-  } else if (isProportional && provider === 'youtube') {
+  if (isProportional) {
     style.aspectRatio = `${block.data.width} / ${block.data.height}`
   }
 
@@ -153,7 +144,7 @@ export const EmbedBlock: React.FC<EmbedBlockProps> = ({
           <div
             className={makeClassName([
               [styles.wrapper, true],
-              [styles.isYoutube, provider === 'youtube' && isProportional]
+              [styles.isProportional, isProportional]
             ])}
             style={style}
           >