From 51b71d07e7dd5ff8e4ab32c1266111d19b573d59 Mon Sep 17 00:00:00 2001
From: cocos02 <cocos02@163.com>
Date: Sun, 14 Jun 2026 17:58:48 +0800
Subject: [PATCH] fix: editor PreviewPanel updates

---
 editor/components/PreviewPanel.vue | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/editor/components/PreviewPanel.vue b/editor/components/PreviewPanel.vue
index dfd0da5..3da97af 100644
--- a/editor/components/PreviewPanel.vue
+++ b/editor/components/PreviewPanel.vue
@@ -52,6 +52,8 @@ function togglePlay() {
   border-left: 1px solid rgba(255,255,255,0.08);
   display: flex;
   flex-direction: column;
+  align-items: center;
+  justify-content: center;
 }
 
 .preview-header {
@@ -61,17 +63,24 @@ function togglePlay() {
   border-bottom: 1px solid rgba(255,255,255,0.06);
   text-transform: uppercase;
   letter-spacing: 1px;
+  width: 100%;
+  flex-shrink: 0;
 }
 
 .preview-video {
-  padding: 12px;
   display: flex;
   flex-direction: column;
   gap: 8px;
+  width: 100%;
+  max-width: 100%;
+  aspect-ratio: 16 / 9;
+  max-height: 100%;
 }
 
 .preview-video video {
   width: 100%;
+  height: 100%;
+  object-fit: contain;
   background: #000;
   border-radius: 4px;
 }