Revert resizable monaco
This commit is contained in:
parent
33858d14d6
commit
9d1430d222
|
|
@ -9,18 +9,10 @@
|
|||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
min-height: 130px;
|
||||
max-height: 200px !important;
|
||||
height: 100%;
|
||||
max-height: 100% !important;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
--tw-border-opacity: 1;
|
||||
border: 1px solid rgb(209 213 219 / var(--tw-border-opacity));
|
||||
-moz-appearance: textfield-multiline;
|
||||
-webkit-appearance: textarea;
|
||||
overflow: auto;
|
||||
resize: both;
|
||||
min-width: 100%;
|
||||
}
|
||||
|
||||
.monaco-editor {
|
||||
|
|
|
|||
|
|
@ -213,9 +213,9 @@ export class MonacoEditor {
|
|||
const padding = this.padding || 'pt-1.5 pl-1';
|
||||
return (
|
||||
<Host
|
||||
class="monaco-editor-host focus:ring-blue-500 focus:border-blue-500 block w-full min-w-0 sm:text-sm border-gray-300 p-4"
|
||||
class="monaco-editor-host border focus:ring-blue-500 focus:border-blue-500 block w-full min-w-0 rounded-md sm:text-sm border-gray-300 p-4"
|
||||
style={{'min-height': this.editorHeight}}>
|
||||
<div ref={el => this.container = el} class={`rounded-md monaco-editor-container ${padding}`}/>
|
||||
<div ref={el => this.container = el} class={`monaco-editor-container ${padding}`}/>
|
||||
</Host>
|
||||
)
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue