fix(web): autolock option style when selected (#1501)
This commit is contained in:
@@ -20,6 +20,7 @@ import Button from '@/Components/Button/Button'
|
|||||||
import PreferencesGroup from '../../PreferencesComponents/PreferencesGroup'
|
import PreferencesGroup from '../../PreferencesComponents/PreferencesGroup'
|
||||||
import PreferencesSegment from '../../PreferencesComponents/PreferencesSegment'
|
import PreferencesSegment from '../../PreferencesComponents/PreferencesSegment'
|
||||||
import DecoratedPasswordInput from '@/Components/Input/DecoratedPasswordInput'
|
import DecoratedPasswordInput from '@/Components/Input/DecoratedPasswordInput'
|
||||||
|
import { classNames } from '@/Utils/ConcatenateClassNames'
|
||||||
|
|
||||||
type Props = {
|
type Props = {
|
||||||
application: WebApplication
|
application: WebApplication
|
||||||
@@ -240,9 +241,12 @@ const PasscodeLock = ({ application, viewControllerManager }: Props) => {
|
|||||||
return (
|
return (
|
||||||
<a
|
<a
|
||||||
key={option.value}
|
key={option.value}
|
||||||
className={`mr-3 cursor-pointer rounded text-info ${
|
className={classNames(
|
||||||
option.value === selectedAutoLockInterval ? 'bg-info px-1.5 py-0.5 text-info-contrast' : ''
|
'mr-3 cursor-pointer rounded',
|
||||||
}`}
|
option.value === selectedAutoLockInterval
|
||||||
|
? 'bg-info px-1.5 py-0.5 text-info-contrast'
|
||||||
|
: 'text-info',
|
||||||
|
)}
|
||||||
onClick={() => selectAutoLockInterval(option.value)}
|
onClick={() => selectAutoLockInterval(option.value)}
|
||||||
>
|
>
|
||||||
{option.label}
|
{option.label}
|
||||||
|
|||||||
Reference in New Issue
Block a user