fixup! feat: Add support for mermaid.js rendering

nextcloud · Jul 31, 2023 · 08bf1f8 · 08bf1f8
1 parent efd2525
commit 08bf1f8
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/src/nodes/CodeBlockView.vue b/src/nodes/CodeBlockView.vue
@@ -33,8 +33,8 @@
 			</div>
 		</div>
 		<div class="split-view">
-			<pre v-show="showCode"><code><NodeViewContent /></code></pre>
-			<div v-show="showPreview" ref="preview" />
+			<pre v-show="showCode" class="split-view__code"><code><NodeViewContent /></code></pre>
+			<div v-show="showPreview" ref="preview" class="split-view__preview" />
 		</div>
 	</NodeViewWrapper>
 </template>
@@ -114,10 +114,16 @@ export default {
 	flex-direction: row;
 	justify-content: space-between;
 	align-items: stretch;
+	gap: 12px;
 
 	& > * {
 		flex: 1;
 	}
+
+	&__code {
+		display: flex;
+		justify-content: center;
+	}
 }
 
 .view-switch {