From 933182567d45e02c42318e59bbaac8e444022359 Mon Sep 17 00:00:00 2001 From: Gigi Date: Mon, 13 Oct 2025 20:23:12 +0200 Subject: [PATCH] fix: use viewport width for video container to break parent constraints - Change width from 100% to 80vw (80% of viewport width) - Increase min-width to 400px for better minimum size - Increase max-width to 1000px for larger screens - This makes video container independent of parent width constraints - Ensures video is always properly sized regardless of title length --- src/styles/components/reader.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/styles/components/reader.css b/src/styles/components/reader.css index 92677e5f..a6dd2bd6 100644 --- a/src/styles/components/reader.css +++ b/src/styles/components/reader.css @@ -13,9 +13,9 @@ /* Video container - responsive wrapper following react-player docs */ .reader-video { position: relative; - width: 100%; - min-width: 300px; /* Minimum width */ - max-width: 800px; /* Maximum width */ + width: 80vw; /* 80% of viewport width */ + min-width: 400px; /* Minimum width */ + max-width: 1000px; /* Maximum width */ aspect-ratio: 16/9; margin: 0 auto 1rem auto; /* Center it */ background: #000;