fix: replace file to save & ui fix (#19)

x-orpheus · Jun 11, 2024 · a5a704e · a5a704e
1 parent e9aafa6
commit a5a704e
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 7 deletions.
diff --git a/src/components/searchtext/search-input.tsx b/src/components/searchtext/search-input.tsx
@@ -72,8 +72,8 @@ const SearchInput: React.FC<SearchInputProps> = ({
             <div onClick={onReplace} className="music-monaco-editor-replace">
               <Replace
                 style={{
-                  width: '20px',
-                  height: '20px',
+                  width: '15px',
+                  height: '15px',
                 }}
               />
             </div>

diff --git a/src/components/searchtext/search-result.tsx b/src/components/searchtext/search-result.tsx
@@ -83,8 +83,9 @@ const SearchResult: React.FC<SearchResultProps> = ({
                         >
                           <Replace
                             style={{
-                              width: '20px',
-                              height: '20px',
+                              width: '15px',
+                              height: '15px',
+                              marginBottom: '5px',
                             }}
                           />
                         </div>

diff --git a/src/components/searchtext/search-text.less b/src/components/searchtext/search-text.less
@@ -45,9 +45,10 @@
 
 .search-results-replace {
   display: inline-block;
-  width: 20px;
-  height: 20px;
+  width: 15px;
+  height: 15px;
   cursor: pointer;
+  align-items: center;
   margin: 0 5px 0 5px;
 }
 
@@ -96,7 +97,6 @@
 .search-result-search-container {
   display: flex;
   background: var(--monaco-editor-background);
-  display: flex;
   align-items: center;
   padding-right: 5px;
 }
@@ -137,6 +137,10 @@
   height: 20px;
 }
 
+.music-monaco-editor-replace {
+  margin-bottom: 5px;
+}
+
 .search-result-replace-switch {
   display: flex;
   padding-left: 5px;

diff --git a/src/multi/Editor.tsx b/src/multi/Editor.tsx
@@ -823,6 +823,7 @@ const MultiPrivateEditorComp = React.forwardRef<
         }
       }
       refreshFiles(obj);
+      saveFile();
     }, [getAllFiles]);
 
     return (