From 0c59e54a2a1d47485d4bef1b9402cbc9e0490caa Mon Sep 17 00:00:00 2001
From: cocos02 <cocos02@163.com>
Date: Sun, 14 Jun 2026 18:05:09 +0800
Subject: [PATCH] fix: prevent preview video overflow with aspect-ratio +
 max-height constraint

---
 editor/components/PreviewPanel.vue | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/editor/components/PreviewPanel.vue b/editor/components/PreviewPanel.vue
index e607f47..fdb24f3 100644
--- a/editor/components/PreviewPanel.vue
+++ b/editor/components/PreviewPanel.vue
@@ -56,13 +56,12 @@ function togglePlay() {
 }
 
 .preview-video {
+  width: 100%;
+  aspect-ratio: 16 / 9;
+  max-height: 100%;
   display: flex;
   flex-direction: column;
   gap: 8px;
-  width: 100%;
-  max-width: 100%;
-  aspect-ratio: 16 / 9;
-  max-height: 100%;
 }
 
 .preview-video video {