diff options
author | Phil Hughes <me@iamphill.com> | 2018-06-13 17:42:59 +0100 |
---|---|---|
committer | Phil Hughes <me@iamphill.com> | 2018-07-25 08:59:25 +0100 |
commit | a2e3a71690f0cd5dddd91519703ac8150b487440 (patch) | |
tree | 171cb4998c7cb2446828a38e8dacb95291a1ed64 | |
parent | 46a133c637cf66cd478fa5da83bbeb915119323f (diff) | |
download | gitlab-ce-a2e3a71690f0cd5dddd91519703ac8150b487440.tar.gz |
use raw when content is available
[ci skip]
-rw-r--r-- | app/assets/javascripts/ide/components/preview.vue | 20 |
1 files changed, 14 insertions, 6 deletions
diff --git a/app/assets/javascripts/ide/components/preview.vue b/app/assets/javascripts/ide/components/preview.vue index 902dd1036c6..31967d641a8 100644 --- a/app/assets/javascripts/ide/components/preview.vue +++ b/app/assets/javascripts/ide/components/preview.vue @@ -13,19 +13,20 @@ export default { return { ...acc, [`/${path}`]: { - code: file.content, + code: file.content || file.raw, }, }; }, {}); }, }, watch: { - normalizedEntries() { - this.update(); + entries: { + deep: true, + handler: 'update', }, }, mounted() { - this.manager = new Manager('#js-sandpack-preview', { + this.manager = new Manager('#ide-preview', { files: this.normalizedEntries, entry: '/index.js', dependencies: {}, @@ -44,7 +45,14 @@ export default { </script> <template> - <div style="width:300px;"> - <div id="js-sandpack-preview"></div> + <div class="preview"> + <div id="ide-preview"></div> </div> </template> + +<style scoped> +.preview { + width: 500px; + border-left: 1px solid #eaeaea; +} +</style> |