From 046003fc3c0375f6438eea1cb2d0a4bf2b89d202 Mon Sep 17 00:00:00 2001 From: Yesha Katrodiya Date: Fri, 15 May 2026 11:19:48 +0530 Subject: [PATCH 1/7] feat: wrap advanced settings in collapsible
panel --- src/app/globals.css | 7 +++++++ src/components/VideoEditor.tsx | 25 +++++++++++++++++-------- 2 files changed, 24 insertions(+), 8 deletions(-) diff --git a/src/app/globals.css b/src/app/globals.css index f049f4bb..d5cfb8e5 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -55,3 +55,10 @@ body::before { animation: fade-in 0.4s ease-out both; } } + +details > summary { + list-style: none; +} +details > summary::-webkit-details-marker { + display: none; +} \ No newline at end of file diff --git a/src/components/VideoEditor.tsx b/src/components/VideoEditor.tsx index 5ab9be2e..f9a33e2a 100644 --- a/src/components/VideoEditor.tsx +++ b/src/components/VideoEditor.tsx @@ -1,12 +1,12 @@ "use client"; - +import React from "react"; import { useVideoEditor } from "@/hooks/useVideoEditor"; import FileUpload from "./FileUpload"; import VideoPreview from "./VideoPreview"; import PresetSelector from "./PresetSelector"; import FramingControl from "./FramingControl"; import TrimControl from "./TrimControl"; -import RotateControl from "./RotateControl"; +import RotateControl from "./RotateControl"; import AudioSpeedControl from "./AudioSpeedControl"; import ExportSettings from "./ExportSettings"; import ExportOverlay from "./ExportOverlay"; @@ -89,17 +89,26 @@ export default function VideoEditor() {
} title="Trim" delay={50}>
-
} title="Rotate" delay={100}> - -
+
+ + › + Advanced options +
+
+
+
} title="Rotate"> + +
+
} title="Export quality"> + +
+
+
} title="Audio & Speed" delay={150}>
-
} title="Export quality" delay={200}> - -
)} From a2be3b501ca5a72e818ac9fe5a69e1158fc710c9 Mon Sep 17 00:00:00 2001 From: Yesha Katrodiya Date: Sat, 16 May 2026 12:35:48 +0530 Subject: [PATCH 2/7] fix: clean up remaining syntax errors --- src/app/globals.css | 3 ++- src/app/page.tsx | 5 ----- 2 files changed, 2 insertions(+), 6 deletions(-) diff --git a/src/app/globals.css b/src/app/globals.css index 29028391..8f4b09e7 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -68,4 +68,5 @@ details > summary::-webkit-details-marker { outline-offset: 2px; border-radius: 4px; -} \ No newline at end of file +} +} diff --git a/src/app/page.tsx b/src/app/page.tsx index e5b632eb..adb08564 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -14,9 +14,4 @@ export default function Home() { ); -} -
- -
- ); } From 21efb4f02d309a2a8e826566a12ede96d4613bdf Mon Sep 17 00:00:00 2001 From: Yesha Katrodiya Date: Sat, 16 May 2026 13:20:04 +0530 Subject: [PATCH 3/7] fix: correctly close details marker selector block --- src/app/globals.css | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/src/app/globals.css b/src/app/globals.css index 8f4b09e7..42f5bae0 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -62,11 +62,10 @@ details > summary { } details > summary::-webkit-details-marker { display: none; - +} :focus-visible { outline: 2px solid #e63946; outline-offset: 2px; border-radius: 4px; } -} From f32b58040b6c61687e52ab2e5f15827cf7b25253 Mon Sep 17 00:00:00 2001 From: Yesha Katrodiya Date: Sat, 16 May 2026 19:27:19 +0530 Subject: [PATCH 4/7] Remove main content wrapper from page component --- src/app/page.tsx | 3 --- 1 file changed, 3 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index a2897f82..9b33f3ec 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -11,10 +11,7 @@ export default function Home() { > ⭐ Star on GitHub - -
-
); } From cd241fd19e5b79f691ff1f526386b9b09d27c705 Mon Sep 17 00:00:00 2001 From: Yesha Katrodiya Date: Sat, 16 May 2026 23:23:27 +0530 Subject: [PATCH 5/7] fix: restore accidentally deleted dark mode tokens and transitions --- src/app/globals.css | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/src/app/globals.css b/src/app/globals.css index 11d343f4..ebd1331d 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -11,6 +11,16 @@ --accent: #e63946; } +.dark { + --bg: #0f172a; + --surface: #1e293b; + --border: #334155; + --text: #f1f5f9; + --muted: #94a3b8; + --accent: #3b82f6; + --accent-hover: #2563eb; +} + * { box-sizing: border-box; } From cdee2003e50b72bbe338d4efd0d73c33ba12d6ad Mon Sep 17 00:00:00 2001 From: Yesha Katrodiya Date: Sun, 17 May 2026 12:10:12 +0530 Subject: [PATCH 6/7] Add main content section for VideoEditor component --- src/app/page.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index f78075d4..bee76ee3 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -12,9 +12,9 @@ export default function Home() { ⭐ Star on GitHub - +
- +