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

페이지 작성 화면을 게시글 작성 화면과 통일 v1.5.2

Browse Source
This commit is contained in:
zenn
2026-05-26 11:18:44 +09:00
parent a25306389b
commit 62ceaa3591
11 changed files with 357 additions and 170 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
layouts/admin.vue
View File

@@ -13,6 +13,8 @@ const publicBlogBaseUrl = computed(() => {
const isPostEditorRoute = computed(() => route.path === '/admin/posts/new'
|| (route.path.startsWith('/admin/posts/') && route.path !== '/admin/posts/preview'))
const isPageEditorRoute = computed(() => route.path === '/admin/pages/new'
|| (route.path.startsWith('/admin/pages/') && route.path !== '/admin/pages'))
const editorDocumentClass = 'admin-post-editor-document'
const settingsDocumentClass = 'admin-settings-document'
@@ -90,7 +92,7 @@ const syncAdminShellDocumentClass = () => {
return
}
const editorOn = isPostEditorRoute.value
const editorOn = isPostEditorRoute.value || isPageEditorRoute.value
const settingsOn = isAdminSettingsRoute.value && !editorOn
document.documentElement.classList.toggle(editorDocumentClass, editorOn)
document.body.classList.toggle(editorDocumentClass, editorOn)
@@ -133,12 +135,12 @@ const logoutAdmin = async () => {
<div
class="admin-layout bg-[#f7f8fa] text-ink"
:class="[
(isPostEditorRoute || isAdminSettingsRoute) ? 'h-screen overflow-hidden bg-white' : 'min-h-screen',
{ 'admin-layout--light-controls': !isPostEditorRoute }
(isPostEditorRoute || isPageEditorRoute || isAdminSettingsRoute) ? 'h-screen overflow-hidden bg-white' : 'min-h-screen',
{ 'admin-layout--light-controls': !isPostEditorRoute && !isPageEditorRoute }
]"
>
<aside
v-if="!isPostEditorRoute && !isAdminSettingsRoute"
v-if="!isPostEditorRoute && !isPageEditorRoute && !isAdminSettingsRoute"
class="admin-layout__sidebar fixed inset-y-0 left-0 hidden w-80 flex-col border-r border-[#e6e8eb] bg-[#f7f8fa] px-5 py-6 text-[#15171a] lg:flex"
>
<NuxtLink class="admin-layout__brand flex items-center gap-3 px-2 text-[0.95rem] font-semibold tracking-[-0.01em]" to="/admin">
@@ -309,10 +311,10 @@ const logoutAdmin = async () => {
<main
class="admin-layout__main"
:class="[
isPostEditorRoute || isAdminSettingsRoute
isPostEditorRoute || isPageEditorRoute || isAdminSettingsRoute
? 'h-screen overflow-hidden bg-white'
: 'min-h-screen bg-paper px-8 py-8 xl:px-12 xl:py-10',
{ 'lg:ml-80': !isPostEditorRoute && !isAdminSettingsRoute }
{ 'lg:ml-80': !isPostEditorRoute && !isPageEditorRoute && !isAdminSettingsRoute }
]"
>
<slot />