ម៉ឺនុយនៅក្នុងផ្នែកគ្រប់គ្រងមានទីតាំងខុសគ្នាពីម៉ឺនុយនៅផ្នែកខាងមុខ ពីព្រោះយើងបានកំណត់យកទីតាំងផ្នែកកៀនខាងឆ្វេងសំរាប់ម៉ឺនុយនៅក្នុងផ្នែកគ្រប់គ្រង។ រូបភាពនិងចំណងជើងនៅក្នុងម៉ឺនុយនេះ គឺសំរាប់ចុចបើកទំព័របង្កើតទិន្នន័យឬ upload ឯកសារ និងកំណត់ចំនួននៃការផ្សាយនៅទំព័រខាងមុខ។ យើងនឹងបង្កើតទំព័រសំរាប់តំណរភ្ជាប់នៅក្នុងម៉ឺនុយនេះ ជាបណ្តើរៗនៅពេលខាងមុខនេះ។
<!--src/layouts/admin/Menu.astro-->
---
---
<section class="md:w-1/4 w-full p-3 bg-teal-100">
<div class="">
<div class="grid grid-cols-[45px_auto] items-center gap-x-3 gap-y-4
font-display text-[16px] text-gray-600">
<a href="/amin" class="hover:opacity-75">
<img class="" src="/images/movie.png" />
</a>
<a href="/admin" class="hover:opacity-75 w-full">
ការផ្សាយ
</a>
<a href="/amin/page" class="hover:opacity-75">
<img class="" src="/images/page.png" />
</a>
<a href="/admin/page" class="hover:opacity-75">
ទំព័រស្តាទិក
</a>
<a href="/amin/category" class="hover:opacity-75">
<img class="" src="/images/category.png" />
</a>
<a href="/admin/category" class="hover:opacity-75">
ជំពូក
</a>
<a href="/amin/upload" class="hover:opacity-75">
<img class="" src="/images/upload.png" />
</a>
<a href="/admin/upload" class="hover:opacity-75">
Upload
</a>
<a href="/amin/user" class="hover:opacity-75">
<img class="" src="/images/users.png" />
</a>
<a href="/admin/user" class="hover:opacity-75">
អ្នកនិពន្ធ
</a>
<a href="/amin/setting" class="hover:opacity-75">
<img class="" src="/images/setting.png" />
</a>
<a href="/admin/setting" class="hover:opacity-75">
Setting
</a>
</div>
</div>
</section>
<!--src/layouts/admin/Base.astro-->
---
const { pageTitle="ទំព័រគ្រឹះ" } = Astro.props
import Footer from "../Footer.astro"
import Header from "./Header.astro"
import Menu from "./Menu.astro"
---
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<meta name="generator" content={Astro.generator} />
<title>{pageTitle}</title>
<link rel="icon" href="/images/siteLogo.png" />
<link href="/fonts/setup.css" rel="stylesheet" />
<script is:inline src="/scripts/jquery.js"></script>
</head>
<body class="text-sm leading-normal">
<Header pageTitle={pageTitle}/>
<div class="max-w-5xl mx-auto flex md:flex-row flex-col mt-5 md:px-0 px-2">
<Menu/>
<slot/>
</div>
<Footer/>
</body>
</html>