From 94b06ce8f9ef6b4ec503c5c3aeab19bc933277e8 Mon Sep 17 00:00:00 2001
From: Babaev Makhmoud <mahmud1997babaev@mail.ru>
Date: Tue, 23 Sep 2025 00:25:06 +0300
Subject: [PATCH] Adjust local preview and thumbnail video sizing

---
 frontend/src/index.css | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/frontend/src/index.css b/frontend/src/index.css
index 199ae74..6071418 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -168,7 +168,9 @@ a:hover {
   bottom: 24px;
   right: 24px;
   width: min(240px, 32%);
-  aspect-ratio: 16 / 9;
+  display: flex;
+  align-items: center;
+  justify-content: center;
   border-radius: 12px;
   overflow: hidden;
   background: #000;
@@ -177,8 +179,9 @@ a:hover {
 
 .video-stage__local-video {
   width: 100%;
-  height: 100%;
-  object-fit: cover;
+  height: auto;
+  max-height: 100%;
+  object-fit: contain;
   background: #000;
 }
 
@@ -203,7 +206,7 @@ a:hover {
 .video-stage__thumbnail-video {
   width: 100%;
   height: 100%;
-  object-fit: cover;
+  object-fit: contain;
   background: #000;
 }