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-01 18:28:26 +09:00
parent 10bf6b422e
commit c2b3e3a204
7 changed files with 89 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
components/admin/AdminPostForm.vue
View File

@@ -92,22 +92,15 @@ const submitPost = () => {
<form class="admin-post-form grid gap-6" @submit.prevent="submitPost">
<div class="admin-post-form__main grid gap-5 lg:grid-cols-[minmax(0,1fr)_18rem]">
<section class="admin-post-form__content grid gap-4">
<label class="admin-post-form__field grid gap-2 text-sm">
<span class="admin-post-form__label font-medium">제목</span>
<input
v-model="form.title"
class="admin-post-form__input rounded border border-line bg-white px-3 py-2"
type="text"
required
>
</label>
<input
v-model="form.title"
class="admin-post-form__title-input border-0 bg-transparent px-0 py-2 text-5xl font-semibold leading-tight outline-none placeholder:text-soft"
type="text"
placeholder="제목"
required
>
<div class="admin-post-form__field grid gap-2 text-sm">
<div class="admin-post-form__editor-header flex flex-wrap items-center justify-between gap-3">
<span class="admin-post-form__label font-medium">본문</span>
<span class="admin-post-form__editor-note text-xs text-muted">/ 명령과 마크다운 단축 입력 지원</span>
</div>
<AdminBlockEditor v-model="form.content" />
</div>
</section>