diff --git a/public/wallpapers/wallpaper16.jpg b/public/wallpapers/wallpaper16.jpg index c20d458..1f9efce 100644 Binary files a/public/wallpapers/wallpaper16.jpg and b/public/wallpapers/wallpaper16.jpg differ diff --git a/public/wallpapers/wallpaper17.jpg b/public/wallpapers/wallpaper17.jpg index 2270347..d7188a4 100644 Binary files a/public/wallpapers/wallpaper17.jpg and b/public/wallpapers/wallpaper17.jpg differ diff --git a/public/wallpapers/wallpaper18.jpg b/public/wallpapers/wallpaper18.jpg index 1f9efce..9976c8c 100644 Binary files a/public/wallpapers/wallpaper18.jpg and b/public/wallpapers/wallpaper18.jpg differ diff --git a/public/wallpapers/wallpaper19.jpg b/public/wallpapers/wallpaper19.jpg deleted file mode 100644 index 9976c8c..0000000 Binary files a/public/wallpapers/wallpaper19.jpg and /dev/null differ diff --git a/public/wallpapers/wallpaper20.jpg b/public/wallpapers/wallpaper20.jpg deleted file mode 100644 index d7188a4..0000000 Binary files a/public/wallpapers/wallpaper20.jpg and /dev/null differ diff --git a/src/components/video-editor/KeyboardShortcutsHelp.tsx b/src/components/video-editor/KeyboardShortcutsHelp.tsx index 221d9eb..b4cd2e4 100644 --- a/src/components/video-editor/KeyboardShortcutsHelp.tsx +++ b/src/components/video-editor/KeyboardShortcutsHelp.tsx @@ -15,6 +15,10 @@ export function KeyboardShortcutsHelp() { Add Keyframe F +
+ Add Trim + T +
Delete Selected ⌘ + D diff --git a/src/components/video-editor/SettingsPanel.tsx b/src/components/video-editor/SettingsPanel.tsx index 6ceefdb..e378cab 100644 --- a/src/components/video-editor/SettingsPanel.tsx +++ b/src/components/video-editor/SettingsPanel.tsx @@ -15,7 +15,7 @@ import type { ZoomDepth, CropRegion } from "./types"; import { CropControl } from "./CropControl"; import { KeyboardShortcutsHelp } from "./KeyboardShortcutsHelp"; -const WALLPAPER_COUNT = 20; +const WALLPAPER_COUNT = 18; const WALLPAPER_RELATIVE = Array.from({ length: WALLPAPER_COUNT }, (_, i) => `wallpapers/wallpaper${i + 1}.jpg`); const GRADIENTS = [ "linear-gradient( 111.6deg, rgba(114,167,232,1) 9.4%, rgba(253,129,82,1) 43.9%, rgba(253,129,82,1) 54.8%, rgba(249,202,86,1) 86.3% )", @@ -209,19 +209,13 @@ export function SettingsPanel({ selected, onWallpaperChange, selectedZoomDepth,
- {/* Drop Shadow Slider */} -
-
-
Shadow
- {Math.round(shadowIntensity * 100)}% -
- onShadowChange?.(values[0])} - min={0} - max={1} - step={0.01} - className="w-full [&_[role=slider]]:bg-[#34B27B] [&_[role=slider]]:border-[#34B27B]" + {/* Motion Blur Switch */} +
+
Motion Blur
+
{/* Blur Background Switch */} @@ -238,13 +232,19 @@ export function SettingsPanel({ selected, onWallpaperChange, selectedZoomDepth,
- {/* Motion Blur Switch */} -
-
Motion Blur
- +
+
Shadow
+ {Math.round(shadowIntensity * 100)}% +
+ onShadowChange?.(values[0])} + min={0} + max={1} + step={0.01} + className="w-full [&_[role=slider]]:bg-[#34B27B] [&_[role=slider]]:border-[#34B27B]" />
{/* Corner Roundness Slider */} diff --git a/src/components/video-editor/VideoEditor.tsx b/src/components/video-editor/VideoEditor.tsx index c748910..a4506e6 100644 --- a/src/components/video-editor/VideoEditor.tsx +++ b/src/components/video-editor/VideoEditor.tsx @@ -24,7 +24,7 @@ import { } from "./types"; import { VideoExporter, type ExportProgress } from "@/lib/exporter"; -const WALLPAPER_COUNT = 20; +const WALLPAPER_COUNT = 18; const WALLPAPER_PATHS = Array.from({ length: WALLPAPER_COUNT }, (_, i) => `/wallpapers/wallpaper${i + 1}.jpg`); export default function VideoEditor() {