status-im
/
nimbus-gui
mirror of https://github.com/status-im/nimbus-gui.git
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix: border of autocomplete

This commit is contained in:
RadoslavDimchev 2023-09-11 09:26:58 +03:00
parent 57290f18fa
commit 4f868791fd
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/pages/ValidatorOnboarding/KeyGeneration/ConfirmRecoveryPhrase/AutocompleteInput.tsx
View File

@ -82,7 +82,7 @@ const AutocompleteInput = ({ index }: AutocompleteInputProps) => {
const handleInputBlur = () => { const handleInputBlur = () => {
setIsFocused(false) setIsFocused(false)
let newValidWords = [...validWords] let newValidWords = [...validWords]
newValidWords[index] = wordlist.includes(word) newValidWords[index] = wordlist.includes(word)
dispatch(setValidWords(newValidWords)) dispatch(setValidWords(newValidWords))
@ -123,7 +123,7 @@ const inputStyle = (index: number, isFocused: boolean, isValidWord: boolean) =>
const style = { const style = {
outline: 'none', outline: 'none',
padding: `12px 16px 12px ${index + 1 < 10 ? '35px' : '45px'}`, padding: `12px 16px 12px ${index + 1 < 10 ? '35px' : '45px'}`,
border: isValidWord ? 'none' : '2px solid #E53E3E', border: isValidWord ? '2px solid #f7f8f9' : '2px solid #E53E3E',
} }
if (isFocused) { if (isFocused) {