style: modify toolbar style.

Author: jaywcjlove

src/components/ToolBar/index.less

@@ -2,11 +2,19 @@
 
 .@{editor-prefix} {
   &-toolbar {
-    border-bottom: 1px solid var(--color-border-muted);
+    &-warp {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      user-select: none;
+      flex-wrap: wrap;
+      border-bottom: 1px solid var(--color-border-muted);
+    }
     background-color: var(--color-canvas-subtle);
     padding: 4px 2px 4px 5px;
     border-radius: 3px 3px 0 0;
     display: flex;
+    flex-wrap: wrap;
     gap: 2px;
     align-items: center;
     button {
@@ -38,7 +46,7 @@
       }
     }
     &-mode {
-      float: right;
+      // float: right;
       padding-right: 5px;
     }
   }

src/index.tsx

@@ -120,9 +120,9 @@ function MarkdownEditorInternal(
   return (
     <div className={cls} ref={container}>
       {hideToolbar && (
-        <div>
-          <ToolBar {...toolBarProps} toolbars={toolbarsMode} mode />
+        <div className={`${prefixCls}-toolbar-warp`}>
           <ToolBar {...toolBarProps} toolbars={toolbars} />
+          <ToolBar {...toolBarProps} toolbars={toolbarsMode} mode />
         </div>
       )}
       <div className={`${prefixCls}-content`} style={{ height: codemirrorProps.height }}>