From 588bafcf3875d8b2f2e275cb0aa00a6d72ed5005 Mon Sep 17 00:00:00 2001
From: Siddharth <siddharthvaddem@yahoo.com>
Date: Sat, 18 Oct 2025 12:21:14 -0700
Subject: [PATCH] resizing layouts

---
 src/components/video-editor/VideoEditor.tsx   | 22 ++++++++++---------
 src/components/video-editor/VideoPlayback.tsx |  4 ++--
 2 files changed, 14 insertions(+), 12 deletions(-)

diff --git a/src/components/video-editor/VideoEditor.tsx b/src/components/video-editor/VideoEditor.tsx
index ac57c61..f9bb649 100644
--- a/src/components/video-editor/VideoEditor.tsx
+++ b/src/components/video-editor/VideoEditor.tsx
@@ -82,16 +82,18 @@ export default function VideoEditor() {
         <div className="flex flex-col gap-6 flex-1">
           {videoPath && (
             <>
-              <VideoPlayback
-                ref={videoPlaybackRef}
-                videoPath={videoPath}
-                isSeeking={isSeeking}
-                onDurationChange={setDuration}
-                onTimeUpdate={setCurrentTime}
-                onPlayStateChange={setIsPlaying}
-                onError={setError}
-                wallpaper={wallpaper}
-              />
+              <div className="flex justify-center w-full">
+                <VideoPlayback
+                  ref={videoPlaybackRef}
+                  videoPath={videoPath}
+                  isSeeking={isSeeking}
+                  onDurationChange={setDuration}
+                  onTimeUpdate={setCurrentTime}
+                  onPlayStateChange={setIsPlaying}
+                  onError={setError}
+                  wallpaper={wallpaper}
+                />
+              </div>
               <PlaybackControls
                 isPlaying={isPlaying}
                 currentTime={currentTime}
diff --git a/src/components/video-editor/VideoPlayback.tsx b/src/components/video-editor/VideoPlayback.tsx
index 3e9b2cd..1846aeb 100644
--- a/src/components/video-editor/VideoPlayback.tsx
+++ b/src/components/video-editor/VideoPlayback.tsx
@@ -119,8 +119,8 @@ const VideoPlayback = forwardRef<VideoPlaybackRef, VideoPlaybackProps>(({
 
   return (
     <div
-      className="w-full aspect-video rounded-sm p-12 flex items-center justify-center overflow-hidden bg-cover bg-center"
-      style={backgroundStyle}
+      className="aspect-video rounded-sm p-12 flex items-center justify-center overflow-hidden bg-cover bg-center"
+      style={{ ...backgroundStyle, width: '90%' }}
     >
       <canvas
         ref={canvasRef}