feat: improve style

This commit is contained in:
fantasticit 2022-03-26 19:22:14 +08:00
parent c1295d8b6c
commit fd4c2de11d
4 changed files with 10 additions and 95 deletions

View File

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

View File

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

View File

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

View File

@ -79,27 +79,6 @@
color: var(--semi-color-text-0); 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 { .semi-spin-wrapper {
display: flex; display: flex;
flex-direction: column; flex-direction: column;