aboutsummaryrefslogtreecommitdiff
path: root/FrontEnd/src/views/common
diff options
context:
space:
mode:
authorcrupest <crupest@outlook.com>2021-07-01 21:07:33 +0800
committercrupest <crupest@outlook.com>2021-07-01 21:07:33 +0800
commit1529ff7af061c8ba784cccacc17f951c32a73261 (patch)
treefb1da397eaf1dee1f4810be7238cf5a449818eae /FrontEnd/src/views/common
parenteb306e98fb94fdfbced7b7e91ffb3d85ecb28c2c (diff)
downloadtimeline-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.css4
-rw-r--r--FrontEnd/src/views/common/SearchInput.tsx2
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}