dylan/vod-system
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

IMPROVE general styling + ADD logo

Browse Source
This commit is contained in:
Dylan De Faoite
2025-05-30 14:30:07 +02:00
parent 9f34c7b1f0
commit fdaef02ef9
7 changed files with 108 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
frontend/src/components/ClipConfig.tsx
View File

@@ -32,22 +32,23 @@ export default function ClipConfig({setMetadata, className}: prop) {
return (
<div className={clsx("flex flex-col gap-2 p-10 rounded-md", className)}>
<h2 className={"text-3xl font-bold text-gray-800 mb-4 underline"}>Clip Export Settings</h2>
<h2 className={"text-3xl font-bold text-gray-800 mb-4"}>Export Settings</h2>
<div className="flex items-center gap-2">
<label htmlFor="resolution"
className={"w-full"}
>Resolution: </label>
<div className="w-px h-6 bg-gray-400 mx-3" />
<select id="resolution"
name="resolution"
defaultValue="1280,720"
onChange={updateRes}
className={"border-black bg-gray-200 p-2 rounded-md w-full"}>
<option value="3840,2160">2160p (4K)</option>
<option value="2560,1440">1440p (QHD)</option>
<option value="1920,1080">1080p (Full HD)</option>
<option value="1280,720">720p (HD)</option>
<option value="854,480">480p (SD)</option>
<option value="640,360">360p (Low)</option>
<option value="3840,2160">2160p</option>
<option value="2560,1440">1440p</option>
<option value="1920,1080">1080p</option>
<option value="1280,720">720p</option>
<option value="854,480">480p</option>
<option value="640,360">360p</option>
</select>
</div>
@@ -55,6 +56,7 @@ export default function ClipConfig({setMetadata, className}: prop) {
<label htmlFor="fps"
className={"w-full"}
>FPS: </label>
<div className="w-px h-6 bg-gray-400 mx-3" />
<select id="fps"
name="fps"
defaultValue="30"
@@ -70,6 +72,7 @@ export default function ClipConfig({setMetadata, className}: prop) {
<label className={"w-full"}>
File Size (mb):
</label>
<div className="w-px h-6 bg-gray-400 mx-3" />
<input type="number"
min="1"
defaultValue="10"