51 lines
2.2 KiB
Vue
51 lines
2.2 KiB
Vue
<template>
|
|
<div class="min-h-screen bg-slate-950 text-slate-100">
|
|
<div class="flex min-h-screen">
|
|
<aside class="w-64 border-r border-indigo-400/20 bg-gradient-to-b from-slate-900/95 via-slate-950 to-slate-950">
|
|
<div class="border-b border-slate-800/70 px-5 py-4">
|
|
<h1 class="text-sm font-bold tracking-[0.18em] text-transparent bg-gradient-to-r from-cyan-300 to-indigo-300 bg-clip-text">LANDING ADMIN</h1>
|
|
<p class="mt-1 text-xs text-slate-400">캠페인·페이지 콘솔</p>
|
|
</div>
|
|
|
|
<nav class="p-3">
|
|
<NuxtLink
|
|
to="/admin"
|
|
class="mb-1 flex rounded-md px-3 py-2 text-sm text-slate-200 transition hover:bg-slate-800/70 hover:text-cyan-200"
|
|
active-class="bg-indigo-500/15 text-cyan-200 ring-1 ring-cyan-300/30"
|
|
exact-active-class="bg-indigo-500/15 text-cyan-200 ring-1 ring-cyan-300/30"
|
|
>
|
|
대시보드
|
|
</NuxtLink>
|
|
<NuxtLink
|
|
to="/admin/projects"
|
|
class="mb-1 flex rounded-md px-3 py-2 text-sm text-slate-200 transition hover:bg-slate-800/70 hover:text-cyan-200"
|
|
active-class="bg-indigo-500/15 text-cyan-200 ring-1 ring-cyan-300/30"
|
|
>
|
|
프로젝트
|
|
</NuxtLink>
|
|
<NuxtLink
|
|
to="/admin/pages"
|
|
class="mb-1 flex rounded-md px-3 py-2 text-sm text-slate-200 transition hover:bg-slate-800/70 hover:text-cyan-200"
|
|
active-class="bg-indigo-500/15 text-cyan-200 ring-1 ring-cyan-300/30"
|
|
>
|
|
페이지 관리
|
|
</NuxtLink>
|
|
<NuxtLink
|
|
to="/admin/leads"
|
|
class="mb-1 flex rounded-md px-3 py-2 text-sm text-slate-200 transition hover:bg-slate-800/70 hover:text-cyan-200"
|
|
active-class="bg-indigo-500/15 text-cyan-200 ring-1 ring-cyan-300/30"
|
|
>
|
|
리드 조회
|
|
</NuxtLink>
|
|
</nav>
|
|
</aside>
|
|
|
|
<main class="min-w-0 flex-1 bg-slate-950 bg-[radial-gradient(circle_at_top_left,_rgba(56,189,248,0.12),_transparent_42%)] bg-[radial-gradient(circle_at_bottom_right,_rgba(168,85,247,0.10),_transparent_40%)] p-6">
|
|
<div class="mx-auto max-w-6xl">
|
|
<NuxtPage />
|
|
</div>
|
|
</main>
|
|
</div>
|
|
</div>
|
|
</template>
|