This commit is contained in:
1 parent
021fff7b2e
commit
fcc529eec4
1 file changed
+6
-19
@@ -81,26 +81,25 @@
|
|||||||
fontFamily: 'inherit',
|
fontFamily: 'inherit',
|
||||||
fontSize: '1.05rem',
|
fontSize: '1.05rem',
|
||||||
border: '1px solid rgba(0, 0, 0, 0.12)',
|
border: '1px solid rgba(0, 0, 0, 0.12)',
|
||||||
transition: 'border-color 0.3s ease, box-shadow 0.3s ease',
|
transition: 'border-color 0.3s ease, box-shadow 0.3s ease'
|
||||||
minHeight: '400px',
|
|
||||||
height: '100%'
|
|
||||||
},
|
},
|
||||||
'&.cm-focused': {
|
'&.cm-focused': {
|
||||||
outline: 'none',
|
outline: 'none',
|
||||||
borderColor: 'var(--accent-color, #419b38)',
|
borderColor: 'var(--accent-color, #419b38)',
|
||||||
boxShadow: '0 0 0 3px rgba(65, 155, 56, 0.08)'
|
boxShadow: '0 0 0 3px rgba(65, 155, 56, 0.08)'
|
||||||
},
|
},
|
||||||
|
// 同时撑高正文和单列 gutter;.cm-gutters 的 min-height 由 CodeMirror 内联管理。
|
||||||
|
'.cm-content, .cm-gutter': {
|
||||||
|
minHeight: '400px'
|
||||||
|
},
|
||||||
'.cm-content': {
|
'.cm-content': {
|
||||||
minHeight: '100%',
|
|
||||||
padding: '12px 14px',
|
padding: '12px 14px',
|
||||||
lineHeight: '1.8'
|
lineHeight: '1.8'
|
||||||
},
|
},
|
||||||
'.cm-scroller': {
|
'.cm-scroller': {
|
||||||
overflow: 'auto',
|
overflow: 'auto'
|
||||||
minHeight: '100%'
|
|
||||||
},
|
},
|
||||||
'.cm-gutters': {
|
'.cm-gutters': {
|
||||||
minHeight: '100%',
|
|
||||||
backgroundColor: 'rgba(0, 0, 0, 0.03)',
|
backgroundColor: 'rgba(0, 0, 0, 0.03)',
|
||||||
color: 'rgba(0, 0, 0, 0.4)',
|
color: 'rgba(0, 0, 0, 0.4)',
|
||||||
borderRight: '1px solid rgba(0, 0, 0, 0.12)',
|
borderRight: '1px solid rgba(0, 0, 0, 0.12)',
|
||||||
@@ -377,18 +376,6 @@
|
|||||||
|
|
||||||
.editor-container {
|
.editor-container {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
min-height: 400px;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
|
|
||||||
.editor-container :global(.cm-editor) {
|
|
||||||
flex: 1;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.editor-container :global(.cm-scroller) {
|
|
||||||
align-items: stretch !important;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.md-toolbar {
|
.md-toolbar {
|
||||||
|
|||||||
Reference in new issue
Block a user