fix(client): the video player doesn't stretch videos anymore, and the…

…re is no more cut at the bottom
will-moss · Jul 18, 2024 · 0cc03ef · 0cc03ef
1 parent 72ccc0b
commit 0cc03ef
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/src/App.css b/src/App.css
@@ -15,6 +15,7 @@ body {
 
 .screen {
   height: 100vh;
+  width: 100%;
   background-color: #000;
   display: grid;
   place-items: center;

diff --git a/src/components/BottomNavbar/index.css b/src/components/BottomNavbar/index.css
@@ -1,5 +1,5 @@
 .bottom-navbar {
-  position: sticky;
+  position: fixed;
   background-color: #161616;
   bottom: 0;
   width: 100%;

diff --git a/src/components/VideoCard/index.css b/src/components/VideoCard/index.css
@@ -50,7 +50,7 @@
 }
 
 .video::before {
-  content: '';
+  content: "";
   display: block;
   box-shadow: 0 -33px 48px rgba(0, 0, 0, 0.5) inset;
   width: 100%;
@@ -67,9 +67,8 @@
   position: absolute;
   top: 0;
   left: 0;
-  object-fit: cover;
   width: 100%;
-  height: 100%;
+  height: calc(100% - 56px);
 }
 
 .bottom-controls {