Nuxt 초기 세팅 추가
This commit is contained in:
26
layouts/admin.vue
Normal file
26
layouts/admin.vue
Normal file
@@ -0,0 +1,26 @@
|
||||
<template>
|
||||
<div class="admin-layout min-h-screen bg-[#f5f5f2] text-ink">
|
||||
<aside class="admin-layout__sidebar fixed inset-y-0 left-0 hidden w-64 border-r border-line bg-[#15171a] p-5 text-white lg:block">
|
||||
<NuxtLink class="admin-layout__brand block text-lg font-semibold" to="/admin">
|
||||
sori.studio
|
||||
</NuxtLink>
|
||||
<nav class="admin-layout__nav mt-8 grid gap-2 text-sm text-white/75">
|
||||
<NuxtLink class="admin-layout__nav-link rounded px-3 py-2 hover:bg-white/10 hover:text-white" to="/admin/posts">
|
||||
글
|
||||
</NuxtLink>
|
||||
<NuxtLink class="admin-layout__nav-link rounded px-3 py-2 hover:bg-white/10 hover:text-white" to="/admin/pages">
|
||||
페이지
|
||||
</NuxtLink>
|
||||
<NuxtLink class="admin-layout__nav-link rounded px-3 py-2 hover:bg-white/10 hover:text-white" to="/admin/tags">
|
||||
태그
|
||||
</NuxtLink>
|
||||
<NuxtLink class="admin-layout__nav-link rounded px-3 py-2 hover:bg-white/10 hover:text-white" to="/admin/settings">
|
||||
설정
|
||||
</NuxtLink>
|
||||
</nav>
|
||||
</aside>
|
||||
<main class="admin-layout__main min-h-screen p-5 lg:ml-64">
|
||||
<slot />
|
||||
</main>
|
||||
</div>
|
||||
</template>
|
||||
12
layouts/default.vue
Normal file
12
layouts/default.vue
Normal file
@@ -0,0 +1,12 @@
|
||||
<template>
|
||||
<div class="site-shell public-layout">
|
||||
<SiteHeader />
|
||||
<div class="site-content-grid public-layout__grid">
|
||||
<LeftSidebar />
|
||||
<main class="site-main w-full lg:w-[720px]">
|
||||
<slot />
|
||||
</main>
|
||||
<RightSidebar />
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
5
layouts/page.vue
Normal file
5
layouts/page.vue
Normal file
@@ -0,0 +1,5 @@
|
||||
<template>
|
||||
<main class="page-layout min-h-screen bg-paper text-ink">
|
||||
<slot />
|
||||
</main>
|
||||
</template>
|
||||
12
layouts/post.vue
Normal file
12
layouts/post.vue
Normal file
@@ -0,0 +1,12 @@
|
||||
<template>
|
||||
<div class="site-shell post-layout">
|
||||
<SiteHeader />
|
||||
<div class="site-content-grid post-layout__grid">
|
||||
<LeftSidebar />
|
||||
<main class="post-main w-full bg-paper px-5 py-8 lg:w-[720px]">
|
||||
<slot />
|
||||
</main>
|
||||
<RightSidebar />
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
Reference in New Issue
Block a user