From 1529ff7af061c8ba784cccacc17f951c32a73261 Mon Sep 17 00:00:00 2001
From: crupest <crupest@outlook.com>
Date: Thu, 1 Jul 2021 21:07:33 +0800
Subject: feat: Improve center search bar.

---
 FrontEnd/src/views/common/SearchInput.css | 4 ++++
 FrontEnd/src/views/common/SearchInput.tsx | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

(limited to 'FrontEnd/src/views/common')

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}
-- 
cgit v1.2.3