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

v0.0.86: 미리보기 패딩, 태그 한글 유지, SEO 자동, 태그 관리 토스트

Browse Source
This commit is contained in:
zenn
2026-05-12 09:56:52 +09:00
parent bd71ca860c
commit 79fb354d91
10 changed files with 212 additions and 102 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
pages/admin/posts/preview.vue
View File

@@ -34,21 +34,25 @@ onMounted(loadPreviewPost)
관리자 미리보기
</div>
<p v-if="previewError" class="admin-post-preview__error rounded border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-700">
<p v-if="previewError" class="admin-post-preview__error rounded border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-700 sm:mx-auto sm:max-w-[720px] sm:px-5">
{{ previewError }}
</p>
<ContentRenderer v-else-if="previewPost">
<ProseHeaderCard>
<p class="post-detail__eyebrow text-sm uppercase text-white/70">
PREVIEW
</p>
<h1 class="post-detail__title mt-3 text-4xl font-semibold leading-tight">
{{ previewPost.title || '제목 없음' }}
</h1>
</ProseHeaderCard>
<section v-else-if="previewPost" class="admin-post-preview__body">
<div class="mx-auto max-w-[720px] px-4 sm:px-5">
<ContentRenderer>
<ProseHeaderCard>
<p class="post-detail__eyebrow text-sm uppercase text-white/70">
PREVIEW
</p>
<h1 class="post-detail__title mt-3 text-4xl font-semibold leading-tight">
{{ previewPost.title || '제목 없음' }}
</h1>
</ProseHeaderCard>
<ContentMarkdownRenderer class="post-detail__content" :content="previewPost.content || ''" />
</ContentRenderer>
<ContentMarkdownRenderer class="post-detail__content" :content="previewPost.content || ''" />
</ContentRenderer>
</div>
</section>
</div>
</template>