From 49e9e3f69af7a69580d3695a5b2b6ee3e2ac10b0 Mon Sep 17 00:00:00 2001 From: RadoslavDimchev Date: Mon, 4 Sep 2023 11:33:01 +0300 Subject: [PATCH] fix: add class name to input --- .../ValidatorOnboarding/KeyGeneration/AutocompleteInput.css | 5 +++-- .../ValidatorOnboarding/KeyGeneration/AutocompleteInput.tsx | 3 +-- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/src/pages/ValidatorOnboarding/KeyGeneration/AutocompleteInput.css b/src/pages/ValidatorOnboarding/KeyGeneration/AutocompleteInput.css index 9fe755e2..47e7eea9 100644 --- a/src/pages/ValidatorOnboarding/KeyGeneration/AutocompleteInput.css +++ b/src/pages/ValidatorOnboarding/KeyGeneration/AutocompleteInput.css @@ -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 { diff --git a/src/pages/ValidatorOnboarding/KeyGeneration/AutocompleteInput.tsx b/src/pages/ValidatorOnboarding/KeyGeneration/AutocompleteInput.tsx index 059c5390..d1a17d3c 100644 --- a/src/pages/ValidatorOnboarding/KeyGeneration/AutocompleteInput.tsx +++ b/src/pages/ValidatorOnboarding/KeyGeneration/AutocompleteInput.tsx @@ -53,12 +53,11 @@ const AutocompleteInput = ({ index }: AutocompleteInputProps) => {
{isFocused && suggestions.map(suggestion => (