fix: conversion options styling

This commit is contained in:
2026-02-25 20:20:04 +01:00
parent b560dcbc8e
commit dd71130977
2 changed files with 6 additions and 21 deletions

View File

@@ -265,25 +265,10 @@ export function ConversionOptionsPanel({
); );
return ( return (
<Card className="p-4"> <>
{/* Advanced Options Toggle */}
<button
onClick={() => setIsExpanded(!isExpanded)}
className="w-full flex items-center justify-between text-sm font-medium text-foreground hover:text-primary transition-colors"
disabled={disabled}
>
<span>Advanced Options</span>
{isExpanded ? <ChevronUp className="h-4 w-4" /> : <ChevronDown className="h-4 w-4" />}
</button>
{/* Advanced Options Panel */}
{isExpanded && (
<div className="pt-3 mt-3 border-t border-border">
{outputFormat.category === 'video' && renderVideoOptions()} {outputFormat.category === 'video' && renderVideoOptions()}
{outputFormat.category === 'audio' && renderAudioOptions()} {outputFormat.category === 'audio' && renderAudioOptions()}
{outputFormat.category === 'image' && renderImageOptions()} {outputFormat.category === 'image' && renderImageOptions()}
</div> </>
)}
</Card>
); );
} }

View File

@@ -392,7 +392,7 @@ export function FileConverter() {
<CardContent className="space-y-6"> <CardContent className="space-y-6">
{/* Output Format Select */} {/* Output Format Select */}
<div className="space-y-2"> <div className="space-y-2">
<label className="text-sm font-medium text-foreground">Output Format</label> <label className="text-sm font-medium text-foreground block">Output Format</label>
<Select <Select
value={outputFormat?.id || ''} value={outputFormat?.id || ''}
onValueChange={(formatId) => { onValueChange={(formatId) => {