zenn/sori.studio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

콜아웃 색상과 모바일 설정 패널 정리

Browse Source
This commit is contained in:
zenn
2026-06-04 10:38:49 +09:00
parent b38fc9f154
commit 24611af8b6
14 changed files with 89 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/content/ContentMarkdownEditableInline.vue
View File

@@ -499,6 +499,8 @@ const getNavigationElements = () => {
}
return [...root.querySelectorAll('[data-source-line]')]
.filter((element) => element.getAttribute('contenteditable') === 'true'
|| element.getAttribute('data-preview-card-block') === 'true')
.sort((left, right) => Number(left.dataset.sourceLine) - Number(right.dataset.sourceLine))
}

20
components/content/ProseCallout.vue
View File

@@ -35,10 +35,6 @@ const backgroundClass = computed(() => {
return 'prose-callout--purple'
}
if (props.background === 'pink') {
return 'prose-callout--pink'
}
return 'prose-callout--blue'
})
</script>
@@ -59,30 +55,26 @@ const backgroundClass = computed(() => {
<style scoped>
.prose-callout--gray {
background: rgba(100, 116, 139, 0.12);
background: color-mix(in srgb, #050505 10%, #ffffff);
}
.prose-callout--blue {
background: rgba(59, 130, 246, 0.14);
background: color-mix(in srgb, #0055ff 10%, #ffffff);
}
.prose-callout--green {
background: rgba(34, 197, 94, 0.14);
background: color-mix(in srgb, #16ae68 10%, #ffffff);
}
.prose-callout--yellow {
background: rgba(245, 158, 11, 0.16);
background: color-mix(in srgb, #ffff00 10%, #ffffff);
}
.prose-callout--red {
background: rgba(239, 68, 68, 0.14);
background: color-mix(in srgb, #ff0000 10%, #ffffff);
}
.prose-callout--purple {
background: rgba(168, 85, 247, 0.14);
}
.prose-callout--pink {
background: rgba(236, 72, 153, 0.14);
background: color-mix(in srgb, #8800ff 10%, #ffffff);
}
</style>