From a5a704ec07ab1c1967c8a3b532dff65a38c1a2d4 Mon Sep 17 00:00:00 2001
From: MatthewChenShow <158122452+MatthewChenShow@users.noreply.github.com>
Date: Tue, 11 Jun 2024 11:42:46 +0800
Subject: [PATCH] fix: replace file to save & ui fix (#19)

---
 src/components/searchtext/search-input.tsx  |  4 ++--
 src/components/searchtext/search-result.tsx |  5 +++--
 src/components/searchtext/search-text.less  | 10 +++++++---
 src/multi/Editor.tsx                        |  1 +
 4 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/src/components/searchtext/search-input.tsx b/src/components/searchtext/search-input.tsx
index 483a534..f85e32d 100644
--- 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
index 813b530..874202a 100644
--- 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
index 3ec9007..4b6f01c 100644
--- 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
index 24053de..2ac0c9a 100644
--- a/src/multi/Editor.tsx
+++ b/src/multi/Editor.tsx
@@ -823,6 +823,7 @@ const MultiPrivateEditorComp = React.forwardRef<
         }
       }
       refreshFiles(obj);
+      saveFile();
     }, [getAllFiles]);
 
     return (