diff --git a/src/app/editor/editor.component.html b/src/app/editor/editor.component.html index 5e58df2..b13c18e 100644 --- a/src/app/editor/editor.component.html +++ b/src/app/editor/editor.component.html @@ -25,7 +25,9 @@ Diff } - + @switch (previewType()) { @case ('raw') { diff --git a/src/app/editor/editor.component.scss b/src/app/editor/editor.component.scss index e386a09..55e8770 100644 --- a/src/app/editor/editor.component.scss +++ b/src/app/editor/editor.component.scss @@ -11,6 +11,15 @@ overflow: auto; } +pre { + overflow: auto; +} + +.preview { + display: flex; + flex-direction: column; +} + .editor-items { padding: 16px; } @@ -28,3 +37,7 @@ ngx-monaco-editor, ngx-monaco-diff-editor { height: 100%; } + +.copy-button { + margin-left: 10px; +}