add toolbar for markmap component

2025-11-16 14:13:43 +08:00 · 2024-05-10 06:38:34 +08:00
parent 8b3b0139b0
commit 57c932f07c
4 changed files with 29 additions and 1 deletions
--- a/web/src/assets/css/mark-map.styl
+++ b/web/src/assets/css/mark-map.styl
@@ -117,6 +117,7 @@
        display flex
        justify-content center
        align-items center
+        position relative

        .markmap {
          width 100%
@@ -127,6 +128,27 @@
            //height 30px
          }
        }
+
+        #toolbar {
+          position: absolute
+          bottom: 10px
+          right: 20px
+
+          .mm-toolbar {
+            display flex
+            flex-flow row
+
+            .mm-toolbar-brand {
+              display none
+            }
+
+            .mm-toolbar-item {
+              cursor pointer
+              color var(--el-color-white)
+            }
+          }
+
+        }
      }
    }
  }