feat: move unit search input inside the converter card
- Relocate SearchUnits from a standalone position to inside the main converter card - Add a subtle border-b separator for visual clarity within the card content
This commit is contained in:
@@ -118,11 +118,6 @@ export default function MainConverter() {
|
|||||||
onSelectUnit={handleSearchSelect}
|
onSelectUnit={handleSearchSelect}
|
||||||
/>
|
/>
|
||||||
|
|
||||||
{/* Search */}
|
|
||||||
<div className="flex justify-center">
|
|
||||||
<SearchUnits onSelectUnit={handleSearchSelect} />
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{/* Main Converter Card */}
|
{/* Main Converter Card */}
|
||||||
<Card>
|
<Card>
|
||||||
<CardHeader>
|
<CardHeader>
|
||||||
@@ -146,7 +141,12 @@ export default function MainConverter() {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</CardHeader>
|
</CardHeader>
|
||||||
<CardContent className="space-y-4">
|
<CardContent className="space-y-6">
|
||||||
|
{/* Quick Search */}
|
||||||
|
<div className="flex justify-center pb-2 border-b">
|
||||||
|
<SearchUnits onSelectUnit={handleSearchSelect} />
|
||||||
|
</div>
|
||||||
|
|
||||||
<div className="flex gap-2 items-end">
|
<div className="flex gap-2 items-end">
|
||||||
<div className="flex-1">
|
<div className="flex-1">
|
||||||
<label className="text-sm font-medium mb-2 block">Value</label>
|
<label className="text-sm font-medium mb-2 block">Value</label>
|
||||||
|
|||||||
Reference in New Issue
Block a user