pascallinxweiler/Clipify
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[dyad] Implement black and white theme - wrote 3 file(s)

Browse Source
This commit is contained in:
[dyad]
2026-01-30 08:16:57 +01:00
parent 670519dba2
commit 82db797db5
3 changed files with 42 additions and 74 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/video-editor.tsx
View File

@@ -43,12 +43,12 @@ export function VideoEditor() {
};
return (
<Card className="w-full shadow-lg rounded-2xl border-0">
<Card className="w-full shadow-lg rounded-2xl border">
<CardHeader className="text-center">
<CardTitle className="text-3xl font-bold tracking-tight bg-clip-text text-transparent bg-gradient-to-r from-purple-500 to-pink-500">
<CardTitle className="text-3xl font-bold tracking-tight">
Video Clip Cutter
</CardTitle>
<CardDescription className="text-lg text-gray-600 dark:text-gray-400 pt-2">
<CardDescription className="text-lg text-muted-foreground pt-2">
Upload, trim, and export your video in seconds.
</CardDescription>
</CardHeader>
@@ -85,14 +85,14 @@ export function VideoEditor() {
<div className="flex items-center justify-center w-full">
<Label
htmlFor="video-upload"
className="flex flex-col items-center justify-center w-full h-64 border-2 border-dashed rounded-lg cursor-pointer bg-gray-50 dark:hover:bg-bray-800 dark:bg-gray-700 hover:bg-gray-100 dark:border-gray-600 dark:hover:border-gray-500"
className="flex flex-col items-center justify-center w-full h-64 border-2 border-dashed rounded-lg cursor-pointer bg-transparent hover:bg-secondary transition-colors"
>
<div className="flex flex-col items-center justify-center pt-5 pb-6">
<UploadCloud className="w-10 h-10 mb-4 text-gray-500 dark:text-gray-400" />
<p className="mb-2 text-sm text-gray-500 dark:text-gray-400">
<span className="font-semibold">Click to upload</span> or drag and drop
<UploadCloud className="w-10 h-10 mb-4 text-muted-foreground" />
<p className="mb-2 text-sm text-muted-foreground">
<span className="font-semibold text-foreground">Click to upload</span> or drag and drop
</p>
<p className="text-xs text-gray-500 dark:text-gray-400">MP4, WebM, or OGG</p>
<p className="text-xs text-muted-foreground">MP4, WebM, or OGG</p>
</div>
<Input
id="video-upload"