Skip to content

Commit 581b235

Browse files
committed
Remove aria-selected fro mobile tab
1 parent 9e3fbb4 commit 581b235

File tree

1 file changed

+4
-2
lines changed

1 file changed

+4
-2
lines changed

src/components/index-page/use-cases/index.tsx

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -132,8 +132,10 @@ export function UseCases({
132132
role="none" // we already have one copy of this tab
133133
onPointerDown={() => setSelectedIndex(i)}
134134
onFocus={() => setSelectedIndex(i)}
135-
aria-selected={i === selectedIndex ? "true" : undefined}
136-
className="z-[1] flex w-full items-center justify-between gap-6 border-b border-sec-dark px-3 py-4 text-left first:border-t hover:bg-sec-light aria-selected:bg-sec-light dark:bg-sec-darker dark:hover:bg-neu-100/25 dark:aria-selected:bg-sec-darker max-lg:dark:bg-neu-50 lg:hidden"
135+
className={clsx(
136+
"z-[1] flex w-full items-center justify-between gap-6 border-b border-sec-dark px-3 py-4 text-left first:border-t hover:bg-sec-light dark:bg-sec-darker dark:hover:bg-neu-100/25 max-lg:dark:bg-neu-50 lg:hidden",
137+
i === selectedIndex && "bg-sec-light dark:bg-sec-darker",
138+
)}
137139
>
138140
<span className="typography-body-lg text-neu-900">
139141
{useCase.label}

0 commit comments

Comments
 (0)