Skip to content

Commit 5a3dd8c

Browse files
committed
fix: Reduce drag-and-drop area height for better UI balance
- Reduced padding from p-8 to p-6 (32px → 24px) - Made upload icon smaller (h-8 → h-7) - Tightened vertical spacing between elements - Overall more compact while maintaining functionality
1 parent a6ef9ae commit 5a3dd8c

File tree

1 file changed

+6
-6
lines changed

1 file changed

+6
-6
lines changed

src/components/sections/AudioUploadSection.tsx

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -215,14 +215,14 @@ export function AudioUploadSection() {
215215
</div>
216216
) : (
217217
<div className={cn(
218-
"relative rounded-lg border-2 border-dashed p-8 text-center transition-all",
218+
"relative rounded-lg border-2 border-dashed p-6 text-center transition-all",
219219
isDragging
220220
? "border-primary bg-primary/5"
221221
: "border-border/50 hover:border-border"
222222
)}>
223223
{isDragging ? (
224-
<div className="space-y-2">
225-
<Upload className="h-8 w-8 mx-auto text-primary animate-bounce" />
224+
<div className="space-y-1">
225+
<Upload className="h-7 w-7 mx-auto text-primary animate-bounce" />
226226
<p className="text-sm font-medium text-primary">
227227
Drop your audio file here
228228
</p>
@@ -231,9 +231,9 @@ export function AudioUploadSection() {
231231
</p>
232232
</div>
233233
) : (
234-
<div className="space-y-4">
235-
<div className="space-y-2">
236-
<Upload className="h-8 w-8 mx-auto text-muted-foreground" />
234+
<div className="space-y-3">
235+
<div className="space-y-1">
236+
<Upload className="h-7 w-7 mx-auto text-muted-foreground" />
237237
<p className="text-sm font-medium">
238238
Drag & drop your audio file here
239239
</p>

0 commit comments

Comments
 (0)