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 }}>