Add close X button to filter popover

Add X button in top-right corner to close filter dropdown
This commit is contained in:
Christian Vidal Wolf
2026-04-20 17:15:41 +02:00
parent b76b64b044
commit 111a44ae82
+7
View File
@@ -161,6 +161,13 @@ export function ColumnFilterPopover({
)} )}
onClick={(e) => e.stopPropagation()} onClick={(e) => e.stopPropagation()}
> >
<button
onClick={onClose}
className="absolute top-2 right-2 text-slate-500 hover:text-white p-1 rounded transition-colors z-10"
>
<X className="w-4 h-4" />
</button>
{title && <div className="text-[10px] font-bold text-slate-500 uppercase tracking-wider px-1">{title}</div>} {title && <div className="text-[10px] font-bold text-slate-500 uppercase tracking-wider px-1">{title}</div>}
<div className="flex gap-1 border-b border-slate-700 pb-2"> <div className="flex gap-1 border-b border-slate-700 pb-2">