valknar/kit-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: use bg-popover for search dropdown (glass is near-transparent)

Browse Source
This commit is contained in:
Sebastian Krüger
2026-03-01 08:02:35 +01:00
parent d8a568076d
commit 50dc009fdf
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
components/units/SearchUnits.tsx
View File

@@ -103,7 +103,7 @@ export default function SearchUnits({ onSelectUnit, className }: SearchUnitsProp
</div> </div>
{isOpen && results.length > 0 && ( {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) => ( {results.map((result, index) => (
<button <button
key={`${result.measure}-${result.unitInfo.abbr}`} key={`${result.measure}-${result.unitInfo.abbr}`}
@@ -131,7 +131,7 @@ export default function SearchUnits({ onSelectUnit, className }: SearchUnitsProp
)} )}
{isOpen && query && results.length === 0 && ( {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 &quot;{query}&quot;</p> <p className="text-xs text-muted-foreground/40 font-mono italic">No units found for &quot;{query}&quot;</p>
</div> </div>
)} )}