fix: conversion options styling
This commit is contained in:
@@ -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>
|
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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) => {
|
||||||
|
|||||||
Reference in New Issue
Block a user