대표 이미지 표시 토글 상시 활성화

This commit is contained in:
2026-06-08 16:00:05 +09:00
parent 806b181d1f
commit 03cd95fbd0
7 changed files with 24 additions and 11 deletions

View File

@@ -603,7 +603,7 @@ const createPostPayload = (options = {}) => {
excerpt: form.excerpt.trim(),
content: normalizeMarkdownContent(form.content),
featuredImage: form.featuredImage.trim() || null,
showFeaturedImage: Boolean(form.featuredImage.trim() && form.showFeaturedImage),
showFeaturedImage: Boolean(form.showFeaturedImage),
isFeatured: form.isFeatured,
seoTitle: toAdminPostStoredTitle(form.title),
seoDescription: form.excerpt.trim(),
@@ -780,7 +780,6 @@ const applyPickedImage = () => {
*/
const removeFeaturedImage = () => {
form.featuredImage = ''
form.showFeaturedImage = false
}
/**
@@ -1902,7 +1901,6 @@ defineExpose({
</div>
<label
v-if="form.featuredImage"
class="admin-post-form__featured-image-display-toggle flex items-center justify-between gap-4 border-t border-[#e3e6e8] pt-5 text-sm"
>
<span class="admin-post-form__featured-image-display-copy flex min-w-0 items-center gap-3">
@@ -1914,8 +1912,7 @@ defineExpose({
</svg>
</span>
<span class="admin-post-form__featured-image-display-label grid min-w-0 gap-0.5">
<span class="font-bold text-[#15171a]">본문 상단 대표 이미지</span>
<span class="text-xs leading-snug text-[#8e9cac]">게시물 상세 제목 아래에 대표 이미지를 표시합니다.</span>
<span class="font-bold text-[#15171a]">대표 이미지 표시</span>
</span>
</span>
<span class="admin-post-form__featured-image-display-control relative inline-flex h-7 w-12 shrink-0 items-center">
@@ -1923,7 +1920,7 @@ defineExpose({
v-model="form.showFeaturedImage"
class="peer sr-only"
type="checkbox"
aria-label="본문 상단 대표 이미지 표시"
aria-label="대표 이미지 표시"
>
<span class="absolute inset-0 rounded-full bg-[#c8ced3] transition-colors peer-checked:bg-[#15171a]" aria-hidden="true" />
<span class="relative ml-1 size-5 rounded-full bg-white shadow transition-transform peer-checked:translate-x-5" aria-hidden="true" />