diff options
| author | FineArchs <133759614+FineArchs@users.noreply.github.com> | 2024-01-18 12:16:12 +0900 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-01-18 12:16:12 +0900 |
| commit | fc7cd636a39a1bc703bce83b71dba78455a76316 (patch) | |
| tree | ecfb4fe65b98e9552b1c7f7f160ccef8be5ccf61 /packages/frontend/src/components/MkCode.vue | |
| parent | Merge branch 'develop' of https://github.com/misskey-dev/misskey into develop (diff) | |
| download | sharkey-fc7cd636a39a1bc703bce83b71dba78455a76316.tar.gz sharkey-fc7cd636a39a1bc703bce83b71dba78455a76316.tar.bz2 sharkey-fc7cd636a39a1bc703bce83b71dba78455a76316.zip | |
refactor: MkCodeをブロックとインラインで別コンポーネント化する (#13026)
* Create MkCodeInline.vue
* Update MkCode.vue
* Update MkMisskeyFlavoredMarkdown.ts
* Update flash.vue
* Update MkCodeInline.vue
Diffstat (limited to 'packages/frontend/src/components/MkCode.vue')
| -rw-r--r-- | packages/frontend/src/components/MkCode.vue | 14 |
1 files changed, 1 insertions, 13 deletions
diff --git a/packages/frontend/src/components/MkCode.vue b/packages/frontend/src/components/MkCode.vue index b81afe2920..251e6ade00 100644 --- a/packages/frontend/src/components/MkCode.vue +++ b/packages/frontend/src/components/MkCode.vue @@ -4,8 +4,7 @@ SPDX-License-Identifier: AGPL-3.0-only --> <template> -<code v-if="inline" :class="$style.codeInlineRoot">{{ code }}</code> -<div v-else :class="$style.codeBlockRoot"> +<div :class="$style.codeBlockRoot"> <button :class="$style.codeBlockCopyButton" class="_button" @click="copy"> <i class="ti ti-copy"></i> </button> @@ -36,7 +35,6 @@ import copyToClipboard from '@/scripts/copy-to-clipboard.js'; const props = defineProps<{ code: string; lang?: string; - inline?: boolean; }>(); const show = ref(!defaultStore.state.dataSaver.code); @@ -66,16 +64,6 @@ function copy() { } } -.codeInlineRoot { - display: inline-block; - font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace; - overflow-wrap: anywhere; - color: #D4D4D4; - background: #1E1E1E; - padding: .1em; - border-radius: .3em; -} - .codeBlockFallbackRoot { display: block; overflow-wrap: anywhere; |