Quartz sync: May 28, 2025, 11:27 PM

Author: codeyoma

quartz/components/Mindmap.tsx

@@ -119,14 +119,14 @@ export default ((opts?: Partial<MindmapOptions>) => {
 
     if (mode === "global") {
       return (
-        <div class={classNames(displayClass, "global-mindmap")}>
+        <div class={classNames(displayClass, "global-mindmap mindmap")}>
           {portal}
         </div>
       )
     }
 
     return (
-      <div class={classNames(displayClass, "local-mindmap")}>
+      <div class={classNames(displayClass, "local-mindmap mindmap")}>
         <h3>{i18n(cfg.locale).components.mindmap.title}</h3>
         <div class="mindmap-outer">
           <div

quartz/components/styles/mindmap.scss

@@ -55,10 +55,14 @@
   .mindmap-toolbar {
     position: absolute;
     top: 10;
-    left: 0;
-    right: 0;
-    width: 100%;
+    left: 50%;
+    transform: translateX(-50%);
+    width: auto;
     color: var(--tertiary);
+    padding: 0 0.5rem;
+    border-radius: 10px;
+    background-color: var(--light);
+    box-shadow: 0 0 4px var(--darkgray);
 
     .mm-toolbar-brand {
       display: none;
@@ -73,6 +77,12 @@
 
       .mm-toolbar-item {
         cursor: pointer;
+        display: flex;
+
+        & svg {
+          justify-content: center;
+          align-items: center;
+        }
       }
 
       .active {