fix new file button

MAIF · Apr 8, 2024 · a580a13 · a580a13
1 parent 8d6f4de
commit a580a13
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 6 deletions.
diff --git a/ui/public/index.html b/ui/public/index.html
@@ -14,7 +14,7 @@
   <meta name="msapplication-TileColor" content="#ffffff">
 
   <link href="%PUBLIC_URL%/fontawesome.min.css" rel="stylesheet">
-  <script src="%PUBLIC_URL%/fontawesome.min.js"></script>
+  <script src="%PUBLIC_URL%/fontawesome.min.js" data-auto-replace-svg="nest"></script>
 
   <link href="%PUBLIC_URL%/solid.min.css" rel="stylesheet">
   <script src="%PUBLIC_URL%/solid.min.js"></script>
@@ -27,6 +27,9 @@
 <body>
   <noscript>You need to enable JavaScript to run this app.</noscript>
   <div id="root"></div>
+  <script>
+    FontAwesomeConfig = { autoReplaceSvg: 'nest' }
+  </script>
   <!--
       This HTML file is a template.
       If you open it directly in the browser, you will see an empty page.

diff --git a/ui/src/FileManager.js b/ui/src/FileManager.js
@@ -8,9 +8,9 @@ function File({ newFilename, filename, content, ext, onClick, ...props }) {
     border: 'none'
   }}
     onClick={onClick}
-    type="button" >
+    type="button">
     {props.new ? <div>
-      <i className='fa-solid fa-file' />
+      <i className='fa-solid fa-file mx-2' />
       <input type='text'
         autoFocus
         value={newFilename}
@@ -38,9 +38,8 @@ function File({ newFilename, filename, content, ext, onClick, ...props }) {
         ].includes(filename) && <span className='me-2' onClick={e => {
           e.stopPropagation()
           props.removeFile(filename)
-        }} >
-          <i className='fa-solid fa-times'
-          />
+        }}>
+          <i className='fa-solid fa-times' />
         </span>}
     </div>}
   </button>