status-im/nimbus-gui
2
0
Fork 0
mirror of https://github.com/status-im/nimbus-gui.git synced 2025-01-31 21:56:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: add class name to input

Browse Source
This commit is contained in:
RadoslavDimchev 2023-09-04 11:33:01 +03:00
parent 7e9e6990d7
commit 49e9e3f69a
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/pages/ValidatorOnboarding/KeyGeneration/AutocompleteInput.css
View File

@ -3,7 +3,7 @@
width: 100%;
}
input[type="text"], .suggestion-list {
.autocomplete-input, .suggestion-list {
box-sizing: border-box;
border: 1px solid #f7f8f9;
border-radius: 24px;
@ -12,9 +12,10 @@ input[type="text"], .suggestion-list {
width: 100%;
}
input[type="text"]:focus {
.autocomplete-input:focus {
outline: none;
border: 2px solid #4360DF;
margin-bottom: 5px;
}
.suggestion-list {

3
src/pages/ValidatorOnboarding/KeyGeneration/AutocompleteInput.tsx
View File

@ -53,12 +53,11 @@ const AutocompleteInput = ({ index }: AutocompleteInputProps) => {
<div className="autocomplete-container">
<div className={isFocused ? 'suggestion-list' : ''}>
<input
type="text"
className="autocomplete-input"
value={word}
onChange={handleInputChange}
onFocus={handleInputFocus}
onBlur={handleInputBlur}
style={{ marginBottom: isFocused ? '5px' : '0' }}
/>
{isFocused &&
suggestions.map(suggestion => (