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-05-07 10:36:01 +09:00
parent e506a343bc
commit 1ef50c111b
13 changed files with 276 additions and 115 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
pages/admin/posts/[id].vue
View File

@@ -137,17 +137,8 @@ onBeforeUnmount(() => {
</script>
<template>
<section class="admin-post-edit bg-paper p-6">
<div class="admin-post-edit__header mb-8 flex items-start justify-between gap-4">
<div>
<p class="admin-post-edit__eyebrow text-xs font-semibold uppercase text-muted">
Posts
</p>
<h1 class="admin-post-edit__title mt-2 text-3xl font-semibold">
글 수정
</h1>
</div>
<div class="admin-post-edit__actions flex gap-2">
<section class="admin-post-edit relative bg-white">
<div class="admin-post-edit__quick-actions absolute right-8 top-24 z-10 flex gap-2">
<NuxtLink
v-if="isPublicPost(post)"
class="admin-post-edit__view rounded border border-line bg-white px-4 py-2 text-sm font-semibold"
@@ -164,9 +155,8 @@ onBeforeUnmount(() => {
>
{{ deleting ? '삭제 중' : '삭제' }}
</button>
</div>
</div>
<p v-if="errorMessage" class="admin-post-edit__error mb-5 rounded border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-700">
<p v-if="errorMessage" class="admin-post-edit__error mx-6 mt-6 rounded border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-700">
{{ errorMessage }}
</p>
<AdminPostForm ref="postForm" :initial-post="post" submit-label="변경 저장" :saving="saving" @submit="savePost" @preview="previewPost" />

12
pages/admin/posts/new.vue
View File

@@ -72,16 +72,8 @@ onBeforeUnmount(() => {
</script>
<template>
<section class="admin-post-editor bg-paper p-6">
<div class="admin-post-editor__header mb-8">
<p class="admin-post-editor__eyebrow text-xs font-semibold uppercase text-muted">
Posts
</p>
<h1 class="admin-post-editor__title mt-2 text-3xl font-semibold">
새 글 작성
</h1>
</div>
<p v-if="errorMessage" class="admin-post-editor__error mb-5 rounded border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-700">
<section class="admin-post-editor bg-white">
<p v-if="errorMessage" class="admin-post-editor__error mx-6 mt-6 rounded border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-700">
{{ errorMessage }}
</p>
<AdminPostForm ref="postForm" submit-label="글 저장" :saving="saving" @submit="savePost" @preview="previewPost" />