feat: improve style

packages/client/src/styles/editor/index.scss

@@ -8,6 +8,7 @@
 @import './menu.scss';
 @import './mind.scss';
 @import './placeholder.scss';
+@import './search.scss';
 @import './selection.scss';
 @import './table.scss';
 @import './title.scss';

packages/client/src/styles/editor/search.scss

@@ -0,0 +1,9 @@
+.ProseMirror {
+  .search-result {
+    background: rgb(255, 217, 0);
+  }
+
+  .search-result-current {
+    background: rgb(255, 0, 0);
+  }
+}

packages/client/src/styles/extension.scss

@@ -1,74 +0,0 @@
-.bubble-menu {
-  display: flex;
-  align-items: center;
-  padding: 4px;
-  border-radius: 3px;
-  box-shadow: var(--box-shadow);
-  background-color: var(--semi-color-nav-bg);
-  overflow-x: auto;
-}
-
-.table-controller-wrapper {
-  display: flex;
-  padding: 4px;
-  border-radius: 3px;
-  box-shadow: var(--box-shadow);
-  background-color: var(--semi-color-nav-bg);
-
-  &.row {
-    column-gap: 8px;
-    flex-direction: column;
-    transform: translate(0, 70%);
-  }
-}
-
-.resizeable-image-container {
-  width: 100%;
-  font-size: 0;
-
-  &.left {
-    text-align: left;
-  }
-
-  &.center {
-    text-align: center;
-  }
-  &.right {
-    text-align: right;
-  }
-
-  img {
-    display: inline-block;
-    height: auto;
-  }
-
-  .resizeable-image-small {
-    max-width: 200px;
-  }
-  .resizeable-image-medium {
-    width: 50%;
-  }
-  .resizeable-image-large {
-    width: 100%;
-  }
-  .resizeable-image-float-none {
-    float: none;
-  }
-}
-
-.color {
-  white-space: nowrap;
-
-  &::before {
-    background-color: var(--color);
-    border: 1px solid rgba(128, 128, 128, 0.3);
-    border-radius: 2px;
-    content: ' ';
-    display: inline-block;
-    height: 1em;
-    margin-bottom: 0.15em;
-    margin-right: 0.1em;
-    vertical-align: middle;
-    width: 1em;
-  }
-}

packages/client/src/styles/globals.scss

@@ -79,27 +79,6 @@
   color: var(--semi-color-text-0);
 }
 
-.react-resizable {
-  position: relative;
-}
-
-.react-resizable-handle {
-  position: absolute;
-  bottom: -4px;
-  left: 50%;
-  width: 56px;
-  height: 8px;
-  background-color: #d9d9d9;
-  border-radius: 4px;
-  position: absolute;
-  margin-left: -28px;
-}
-
-.react-resizable-handle-n,
-.react-resizable-handle-s {
-  cursor: ns-resize;
-}
-
 .semi-spin-wrapper {
   display: flex;
   flex-direction: column;