From 29d02f56eeb72a6e8ef397c7bc2f0537e826b00f Mon Sep 17 00:00:00 2001
From: srgooglo <srgooglo@ragestudio.net>
Date: Tue, 11 Oct 2022 13:45:06 +0200
Subject: [PATCH] fix fullmode style height

---
 .../PostCard/components/additions/index.less  |  7 +---
 .../app/src/components/PostCard/index.less    | 32 +++++++++----------
 2 files changed, 17 insertions(+), 22 deletions(-)

diff --git a/packages/app/src/components/PostCard/components/additions/index.less b/packages/app/src/components/PostCard/components/additions/index.less
index 996c7bbf..271d60b9 100644
--- a/packages/app/src/components/PostCard/components/additions/index.less
+++ b/packages/app/src/components/PostCard/components/additions/index.less
@@ -19,6 +19,7 @@
         width: 100%;
 
         .carousel {
+            background-color: black;
             border-radius: 8px;
         }
 
@@ -79,8 +80,6 @@
 
         max-height: 50vh;
 
-        background-color: black;
-
         // fixtures for media content
         img {
             width: 100%;
@@ -108,10 +107,6 @@
             user-select: none;
             -webkit-user-drag: none;
         }
-
-        >div {
-            height: 100%;
-        }
     }
 }
 
diff --git a/packages/app/src/components/PostCard/index.less b/packages/app/src/components/PostCard/index.less
index 95b16abd..333e9596 100644
--- a/packages/app/src/components/PostCard/index.less
+++ b/packages/app/src/components/PostCard/index.less
@@ -101,25 +101,25 @@
                 height: 100%;
 
                 .post_additions {
-                    height: fit-content;
-                    max-height: 80vh;
-
-                    .addition {
-                        display: flex !important;
-                        flex-direction: column;
-
-                        align-items: center;
-                        justify-content: center;
-
-                        img,
-                        video {
-                            width: fit-content;
+                    .carousel-root {
+                        .carousel {
                             height: 100%;
+                            min-height: 70vh;
 
-                            align-self: center;
+                            .addition {
+                                height: 100%;
+                                min-height: 70vh;
 
-                            object-fit: contain;
-                            border-radius: 8px;
+                                .plyr {
+                                    height: 100%;
+                                }
+
+                                img,
+                                video {
+                                    height: 100%;
+                                    object-fit: contain;
+                                }
+                            }
                         }
                     }
                 }