fix(ui): improve profile rule keyboard access
This commit is contained in:
parent
cdc0e57ae9
commit
3c525930da
@ -1031,7 +1031,19 @@ export const TradeProfileManager = ({ botState = DEFAULT_BOT_STATE }: TradeProfi
|
|||||||
? 'border-[var(--border-strong)] bg-[var(--card-elevated)]'
|
? 'border-[var(--border-strong)] bg-[var(--card-elevated)]'
|
||||||
: 'border-[var(--border)] bg-[var(--muted)]/35'
|
: 'border-[var(--border)] bg-[var(--muted)]/35'
|
||||||
}`}>
|
}`}>
|
||||||
<div onClick={() => toggleRule(rule.id)} className="px-4 py-3 flex items-center justify-between cursor-pointer group">
|
<div
|
||||||
|
role="button"
|
||||||
|
tabIndex={0}
|
||||||
|
aria-pressed={active}
|
||||||
|
onClick={() => toggleRule(rule.id)}
|
||||||
|
onKeyDown={(event) => {
|
||||||
|
if (event.key === 'Enter' || event.key === ' ') {
|
||||||
|
event.preventDefault();
|
||||||
|
toggleRule(rule.id);
|
||||||
|
}
|
||||||
|
}}
|
||||||
|
className="group flex cursor-pointer items-center justify-between px-4 py-3 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]"
|
||||||
|
>
|
||||||
<div className="flex items-center gap-3">
|
<div className="flex items-center gap-3">
|
||||||
<div
|
<div
|
||||||
className="w-8 h-8 rounded-lg flex items-center justify-center transition-all"
|
className="w-8 h-8 rounded-lg flex items-center justify-center transition-all"
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user