Even more pingi

2022-07-30 17:48:18 +02:00
parent e81f52e572
commit f188e94e0c
3 changed files with 68 additions and 2 deletions
--- a/styles/Random.module.scss
+++ b/styles/Random.module.scss
@ -0,0 +1,40 @@
+.modalImageContainerSquare {
+    width: 100%; 
+    height: 0; 
+    padding-bottom: 100%; 
+    display: block; 
+    position: relative;
+
+    img {
+        position: absolute;
+        left: 0;
+        right: 0;
+        top: 0;
+        bottom: 0;
+        border-radius: 5px
+    }
+
+    .imgLoading {
+        position: absolute;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+        display: block;
+    }
+}
+
+.modalVideoContainer {
+    width: 100%; 
+    height: 0;
+    padding-bottom: 56.25%;
+    display: block;
+    position: relative;
+
+    iframe {
+        position:absolute;
+        top:0;
+        left:0;
+        width:100%;
+        height:100%;
+    }
+}