opt: style

nanqic · Jan 10, 2024 · 01c56e0 · 01c56e0
1 parent b6379d5
commit 01c56e0
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 8 deletions.
diff --git a/src/assets/app.css b/src/assets/app.css
@@ -33,4 +33,8 @@ summary svg:hover,
 .folder:hover,
 details li:hover {
   color: forestgreen;
+}
+
+.text-editor textarea {
+  line-height: 1.5;
 }
diff --git a/src/components/MarkmapHooks.jsx b/src/components/MarkmapHooks.jsx
@@ -90,10 +90,10 @@ const MarkmapHooks = React.memo((props) => {
 
     return (
         <React.Fragment>
-            <div className={`w-full flex flex-col h-screen`}>
+            <div className={`${props.showEdit && 'relative'} w-full flex flex-col h-screen`}>
+                <div className="absolute bottom-1 left-1" ref={refToolbar}></div>
                 <svg className="flex-1" ref={refSvg} />
             </div>
-            <div className="absolute bottom-1 left-1" ref={refToolbar}></div>
         </React.Fragment>
     );
 })

diff --git a/src/components/TextEdit.jsx b/src/components/TextEdit.jsx
@@ -129,18 +129,17 @@ export default function TextEdit({ content, setContent, setEditing }) {
         unorderedListCommand,
         orderedListCommand,
         divider,
-        help,
-        divider,
         clear,
         divider,
+        help,
+        divider,
         localStorage.getItem("token") && save,
     ];
 
     return (
-        <div className='w-2/3 text-sm hidden sm:block sm:visible'>
-
+        <div className='text-editor w-2/3 text-sm hidden sm:block sm:visible'>
             <MDEditor
-                height={500}
+                height="100%"
                 className="h-3/4 w-full p-2 border bg-gray-100 text-gray-700 rounded"
                 preview="edit"
                 onChange={setValue}

diff --git a/src/pages/MarkmapLoader.jsx b/src/pages/MarkmapLoader.jsx
@@ -77,7 +77,7 @@ const MarkmapLoader = () => {
     const listUrl = `${import.meta.env.VITE_SERVER_URL}/api/fs/list?path=markmap`;
     const dirsContent = (await postRequest(`${listUrl}/${user}`))?.data.content;
     dispatch({ type: 'SET_DIRS', payload: dirsContent?.filter(filterFile).map(x => x.name.slice(0, -3)) });
-    const dirfiles = await Promise.all(dirsContent?.filter(file => file.is_dir)?.map(async dir => {
+    const dirfiles = dirsContent && await Promise.all(dirsContent?.filter(file => file.is_dir)?.map(async dir => {
       const resp = await postRequest(`${listUrl}/${user}/${dir.name}`);
       const files = resp?.data.content.filter(filterFile).map(item => item.name.slice(0, -3));
       return { name: dir.name, files };