インラインコードがブロックになっている Fix #2137

mei23 · Jan 14, 2021 · ed25310 · ed25310
1 parent 47f876b
commit ed25310
Showing 1 changed file with 12 additions and 7 deletions.
diff --git a/src/client/app/common/views/components/code-core.vue b/src/client/app/common/views/components/code-core.vue
@@ -1,5 +1,6 @@
 <template>
-<highlightjs :language="lang" :code="code" />
+<code class="inline" v-if="inline">{{ code }}</code>
+<highlightjs v-else :language="lang" :code="code"/>
 </template>
 
 <script lang="ts">
@@ -23,11 +24,15 @@ export default Vue.extend({
 });
 </script>
 <style lang="stylus" scoped>
-// fallback
 code
-	display block
-	overflow-x auto
-	padding .5em
-	color #333
-	background #f8f8f8
+	color #f8f8f8
+	background #272822
+
+	&.inline
+		display inline
+
+	&.hljs
+		display block
+		overflow-x auto
+		padding .5em
 </style>