fix: input css style (#7)

x-orpheus · Mar 21, 2024 · 72231d5 · 72231d5
1 parent daaf17d
commit 72231d5
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/components/searchtext/search-input.tsx b/src/components/searchtext/search-input.tsx
@@ -23,7 +23,7 @@ const SearchInput: React.FC<SearchInputProps> = ({ searchText, setSearchText, on
         onChange={(e) => setSearchText(e.target.value)} 
         placeholder="搜索（上下键切换）"
       />
-       <div onClick={() => onClose(false)}
+       <div style={{ display: 'flex', justifyContent: 'center', alignItems: 'center' }} onClick={() => onClose(false)}
               className="music-monaco-editor--close">
           <Close
             style={{

diff --git a/src/components/searchtext/search-text.less b/src/components/searchtext/search-text.less
@@ -12,7 +12,7 @@
   z-index: 1;
   background: var(--monaco-editor-background);
   display: flex;
-  justify-content: space-between;
+  align-items: center;
   padding-right: 5px;
 }
 
@@ -68,11 +68,13 @@
   color: var(--monaco-list-focusForeground)
 }  
 .search-result-input {
+  flex: 1;
   border-radius: 2px;
   background: var(--monaco-list-focusBackground);
   border: 0.5px solid;
   margin: 5px;
   margin-right: 5px;
   min-width: 70px;
+  height: 20px;
   color: var(--monaco-list-focusForeground)
 }