feat: add sub-result rows and highlight to settings search

2026-05-06 18:36:00 +02:00
parent 128d7d0401
commit 2dc8537780
3 changed files with 221 additions and 58 deletions
@@ -44,7 +44,10 @@ interface SettingItemProps {

 export function SettingItem({ label, description, children, locked }: SettingItemProps) {
  return (
-    <div className={cn("flex flex-col gap-2 sm:flex-row sm:items-start sm:justify-between sm:gap-4 py-3 border-b border-border last:border-0", locked && "opacity-60")}>
+    <div
+      data-search-label={label}
+      className={cn("flex flex-col gap-2 sm:flex-row sm:items-start sm:justify-between sm:gap-4 py-3 border-b border-border last:border-0 transition-colors duration-300 rounded-md -mx-2 px-2", locked && "opacity-60")}
+    >
      <div className="flex-1 min-w-0 sm:pr-4">
        <div className="flex items-center gap-1.5">
          <label className="text-sm font-medium text-foreground">{label}</label>