fix: use bg-popover for search dropdown (glass is near-transparent)
This commit is contained in:
@@ -103,7 +103,7 @@ export default function SearchUnits({ onSelectUnit, className }: SearchUnitsProp
|
||||
</div>
|
||||
|
||||
{isOpen && results.length > 0 && (
|
||||
<div className="absolute z-50 w-full mt-1.5 glass border border-border/40 rounded-xl shadow-xl max-h-72 overflow-y-auto scrollbar-thin scrollbar-thumb-primary/20 scrollbar-track-transparent">
|
||||
<div className="absolute z-50 w-full mt-1.5 bg-popover border border-border/60 rounded-xl shadow-xl max-h-72 overflow-y-auto scrollbar-thin scrollbar-thumb-primary/20 scrollbar-track-transparent">
|
||||
{results.map((result, index) => (
|
||||
<button
|
||||
key={`${result.measure}-${result.unitInfo.abbr}`}
|
||||
@@ -131,7 +131,7 @@ export default function SearchUnits({ onSelectUnit, className }: SearchUnitsProp
|
||||
)}
|
||||
|
||||
{isOpen && query && results.length === 0 && (
|
||||
<div className="absolute z-50 w-full mt-1.5 glass border border-border/40 rounded-xl p-4 text-center">
|
||||
<div className="absolute z-50 w-full mt-1.5 bg-popover border border-border/60 rounded-xl p-4 text-center">
|
||||
<p className="text-xs text-muted-foreground/40 font-mono italic">No units found for "{query}"</p>
|
||||
</div>
|
||||
)}
|
||||
|
||||
Reference in New Issue
Block a user