src-advisory/SRCmail
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: improve settings search highlight

Browse Source
This commit is contained in:
Linus Rath
2026-05-06 18:58:06 +02:00
parent 2dc8537780
commit 70c1ddd48c
3 changed files with 64 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/settings/settings-section.tsx
+2 -2
View File
@@ -12,7 +12,7 @@ interface SettingsSectionProps {
export function SettingsSection({ title, description, children, experimental, experimentalDescription }: SettingsSectionProps) {
return (
<div className="space-y-4">
<div data-search-label={title} className="space-y-4">
{experimental && (
<div className="flex gap-3 rounded-lg border border-amber-300 bg-amber-50 p-3 dark:border-amber-700 dark:bg-amber-950/30">
<FlaskConical className="w-5 h-5 text-amber-600 dark:text-amber-400 mt-0.5 shrink-0" />
@@ -46,7 +46,7 @@ export function SettingItem({ label, description, children, locked }: SettingIte
return (
<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")}
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 className="flex-1 min-w-0 sm:pr-4">
<div className="flex items-center gap-1.5">