File tree Expand file tree Collapse file tree 1 file changed +2
-3
lines changed
src/components/index-page/use-cases Expand file tree Collapse file tree 1 file changed +2
-3
lines changed Original file line number Diff line number Diff line change @@ -112,7 +112,7 @@ export function UseCases({
112
112
onPointerDown = { ( ) => setSelectedIndex ( i ) }
113
113
onFocus = { ( ) => setSelectedIndex ( i ) }
114
114
aria-selected = { i === selectedIndex ? "true" : undefined }
115
- className = "gql-focus-visible group flex w-full items-center justify-between gap-6 border-b border- sec-dark px-3 py-4 text-left transition-colors hover:bg-sec-lighter aria-selected:bg-sec-base aria-selected:hover:bg-sec-lighter hover:dark:bg-neu-100/25 dark:aria-selected:bg-sec-darker"
115
+ className = "gql-focus-visible group flex w-full items-center justify-between gap-6 border-sec-dark px-3 py-4 text-left transition-colors hover:bg-sec-lighter aria-selected:bg-sec-base aria-selected:hover:bg-sec-lighter hover:dark:bg-neu-100/25 dark:aria-selected:bg-sec-darker"
116
116
>
117
117
< span className = "typography-body-lg" > { useCase . label } </ span >
118
118
< ArrowDownIcon className = "size-10 shrink-0 -rotate-90 text-sec-dark opacity-0 transition-opacity group-hover:opacity-100 group-focus-visible:opacity-100 group-aria-selected:opacity-100 dark:text-neu-900" />
@@ -133,8 +133,7 @@ export function UseCases({
133
133
onPointerDown = { ( ) => setSelectedIndex ( i ) }
134
134
onFocus = { ( ) => setSelectedIndex ( i ) }
135
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" ,
136
+ "z-[1] flex w-full items-center justify-between gap-6 border-b border-sec-dark bg-sec-light px-3 py-4 text-left first:border-t hover:bg-sec-lighter dark:bg-sec-darker dark:hover:bg-sec-dark max-lg:dark:bg-neu-50 lg:hidden" ,
138
137
) }
139
138
>
140
139
< span className = "typography-body-lg text-neu-900" >
You can’t perform that action at this time.
0 commit comments