fix: video container layout

commaai · Jan 22, 2025 · eae607b · eae607b
1 parent 562ea9b
commit eae607b
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/src/pages/dashboard/activities/PairActivity.tsx b/src/pages/dashboard/activities/PairActivity.tsx
@@ -60,8 +60,14 @@ const PairActivity: VoidComponent = () => {
         })
 
         return (
-          <div id="video-container" class="absolute size-full overflow-hidden bg-black text-white">
-            <video class="left-1/2 top-1/2 h-full min-w-full -translate-x-1/2 -translate-y-1/2 object-cover" ref={videoRef!} />
+          <div
+            id="video-container"
+            class="absolute inset-0 bg-black text-white"
+          >
+            <video
+              class="absolute inset-0 size-full object-cover"
+              ref={(ref) => (videoRef = ref)}
+            />
             <div class="prose absolute inset-0 flex flex-col justify-between pb-7">
               <TopAppBar trailing={<IconButton href="/">close</IconButton>}>
                 Add new device