diff options
author | crupest <crupest@outlook.com> | 2021-07-01 21:07:33 +0800 |
---|---|---|
committer | crupest <crupest@outlook.com> | 2021-07-01 21:07:33 +0800 |
commit | 1529ff7af061c8ba784cccacc17f951c32a73261 (patch) | |
tree | fb1da397eaf1dee1f4810be7238cf5a449818eae /FrontEnd/src/views/common | |
parent | eb306e98fb94fdfbced7b7e91ffb3d85ecb28c2c (diff) | |
download | timeline-1529ff7af061c8ba784cccacc17f951c32a73261.tar.gz timeline-1529ff7af061c8ba784cccacc17f951c32a73261.tar.bz2 timeline-1529ff7af061c8ba784cccacc17f951c32a73261.zip |
feat: Improve center search bar.
Diffstat (limited to 'FrontEnd/src/views/common')
-rw-r--r-- | FrontEnd/src/views/common/SearchInput.css | 4 | ||||
-rw-r--r-- | FrontEnd/src/views/common/SearchInput.tsx | 2 |
2 files changed, 5 insertions, 1 deletions
diff --git a/FrontEnd/src/views/common/SearchInput.css b/FrontEnd/src/views/common/SearchInput.css index 2943b3a2..f0503016 100644 --- a/FrontEnd/src/views/common/SearchInput.css +++ b/FrontEnd/src/views/common/SearchInput.css @@ -2,3 +2,7 @@ display: flex;
flex-wrap: wrap;
}
+
+.cru-search-input-input {
+ width: 100%;
+}
diff --git a/FrontEnd/src/views/common/SearchInput.tsx b/FrontEnd/src/views/common/SearchInput.tsx index da3f1c19..0b1eb8e1 100644 --- a/FrontEnd/src/views/common/SearchInput.tsx +++ b/FrontEnd/src/views/common/SearchInput.tsx @@ -50,7 +50,7 @@ const SearchInput: React.FC<SearchInputProps> = (props) => { > <input type="text" - className="me-sm-2 flex-grow-1" + className="cru-search-input-input me-sm-2 flex-grow-1" value={props.value} onChange={onInputChange} onKeyPress={onInputKeyPress} |